Designing in Retool

a practical approach

Agenda

1. Concepts

2. Techniques

Retool's mission:

To bring good software to everyone

Concepts

Consistency

Visual hierarchy

Simplicity

Familiarity

Consistency

Visual hierarchy

Size

Position & alignment

Color

Size

Position & alignment

Color

Simplicity

Familiarity

“Occasionally, time spent reinventing the wheel results in a revolutionary new rolling device. But usually it just amounts to time spent reinventing the wheel.” - Steve Krug

Consistency

Visual hierarchy

Simplicity

Familiarity

Techniques

Themes & typography

Component styling properties

Retool frames

Grouping

Margin/padding

Resources & inspiration

Apple Standards
Retool Studio