Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Miro employs a sophisticated collaboration-focused aesthetic with generous breathing room and conversational warmth. The bright yellow accent creates an energetic, optimistic contrast against the clean gray foundation, while the typography balances professional authority with approachable humanity.

Signature Color
Miro Yellow
#FFD02F
creative energy and collaborative breakthrough moments
Distinctive bright yellow accent elements floating in expansive white space with conversational, human-centered messaging that feels more like a friendly workshop than a corporate tool.
Soft, rounded components with generous padding and subtle shadows. Buttons have gentle 8px radius corners with friendly hover states, cards breathe with ample whitespace, and everything feels approachable yet professional.
Luxuriously airy with 80px+ section gaps that create room for creative thinking. Content floats in generous white space, mimicking the spaciousness of an infinite canvas.
Creative professionals and cross-functional teams who value visual thinking and need tools that feel as flexible as their creative process
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 12px | 400 | normal | |
| h1 | 56px | 400 | 64.4px | |
| h2 | 48px | 400 | 55.2px | |
| h3 | 24px | 400 | 27.6px | |
| h5 | 24px | 400 | 27.6px | |
| p | 22px | 400 | 29.7px | |
| a | 16px | 900 | 22.8571px | |
| button | 12px | 400 | normal | |
| nav | 12px | 400 | normal | |
| header | 12px | 400 | normal |
#fafafc#fffae7#f1f2f5#ffc6c6#e9eaef#3c3f49#ffd8f4#2a41b6#746019#555a6a#187574#600000