Dark Mode

Design System
Inspired by Airtable

Every color, font, and component — connected in one workspace.

Sign up for freeContact sales
01 / Colors

Color Palette

Primary
Deep Navy
#181d26
Airtable Blue
#1b61c9
White
#ffffff
Mid Blue
#254fad
Neutral
Dark Gray
#333333
Border
#e0e2e6
Light
#f8fafc
02 / Typography

Typography Scale

Display Hero
Haas — 48px / 400 / 1.15
Display Bold
Haas Groot Disp — 48px / 900 / 1.50
Sub-heading
Haas — 32px / 400 / 1.15
Body — All your teams, all their workflows — connected in one workspace.
Haas — 18px / 400 / 1.35 / +0.18px
Button Label
Haas — 16px / 500 / 1.30 / +0.16px
Caption — Updated 3 min ago
Haas — 14px / 500 / 1.35 / +0.28px
03 / Buttons

Buttons

Sign up
Primary Blue
Contact
Outlined
04 / Cards

Cards

Product Development

Build products faster with connected workflows and real-time collaboration.

Marketing Campaigns

Plan, execute, and track campaigns from ideation to launch.

Operations

Streamline business processes with automated workflows.

05 / Forms

Forms

Default
Focus (blue ring)
Error
06 / Spacing

Spacing

4
8
12
16
24
32
48
07 / Radius

Radius

2px
12px
16px
24px
32px
50%
08 / Elevation

Depth

Flat
Border only
Blue Shadow
Blue-tinted multi-layer
Soft
Ambient navy glow