Miro — Hero
A platform for teams and AI agents to think, plan and build together in a shared workspace. The hero section presents a centered headline with supporting subheading and email signup form, positioned above a full-width example showing a BPMN diagram with collaborative annotations (user names like "Kelly" and "Priya" labeling workflow tasks), demonstrating real-time team coordination on process flows.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/miro-collaboration-layer-hero.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #555667 |
| Contrast | 7.21 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.172 |
| Measured size | 1600×1096 px |
Palette
#F0F0F0#0A0A0B#3859FF#0000EE
Fonts
Roobert PRO MediumRoobert PRO
Page types
Detail
UI elements
Navigation BarForm