Design System
Inspired by Miro

Every color, font, and component — visualized with collaborative precision.

Sign up freeContact sales
01 / Colors

Color Palette

Primary
Near Black
#1c1c1e
Blue 450
#5b76fe
Success
#00b473
Pastel Accents
Coral Light
#ffc6c6
Rose Light
#ffd8f4
Teal Light
#c3faf5
Orange Light
#ffe6cd
Pink
#fde0f0
Red Light
#fbd4d4
Neutral
Slate
#555a6a
Placeholder
#a5a8b5
Border
#c7cad5
02 / Typography

Typography Scale

Display Hero
Roobert PRO Medium — 56px / 1.15 / -1.68px
Section Heading
Roobert PRO — 48px / 1.15 / -1.44px
Card Title
Roobert PRO — 24px / 1.15 / -0.72px
Body — Get from brainstorm to breakthrough with Miro. The visual collaboration platform.
Noto Sans — 18px / 1.45
Button Label
Roobert PRO — 17.5px / 700 / +0.175px
MICRO LABEL
Roobert PRO — 10.5px / uppercase
03 / Buttons

Buttons

Sign up free
Primary Blue
Contact sales
Outlined
04 / Cards

Cards

Brainstorming

Ideate together in real-time with sticky notes and voting.

Diagramming

Create flowcharts, mind maps, and org charts visually.

Workshops

Run engaging workshops with built-in templates.

Strategy

Align teams with visual strategic planning tools.

05 / Forms

Forms

Default
Focus (blue ring)
Error
06 / Spacing

Spacing

4
8
12
16
24
07 / Radius

Radius

8px
12px
20px
40px
50px
08 / Elevation

Depth

Ring
1px ring border
Focus
Blue ring