# Design System
Inspired by Airtable

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

Sign up for free Contact 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

Email
Default
Workspace
Focus (blue ring)
Base Name
Error
Description

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