# Design System
Inspired by Miro

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

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

Email
Default
Team name
Focus (blue ring)
Password
Error
Description

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