Miro is the visual collaboration platform known for its infinite canvas. Its style keeps near-black text (#1c1c1e) crisp on white, sets brand letterforms with Roobert PRO Medium and its OpenType variants, leads interactions with Blue 450 (#5b76fe), and supplies ready-made pastel pairs (coral, rose, teal, orange, yellow, moss) with success green (#00b473). Made for whiteboards and brainstorming tools.
SaaSMinimal
Prompt Template
Base Template
Design a Miro-inspired interface. - White canvas with near-black (#1c1c1e) text; - Roobert PRO Medium with multiple OpenType character variants; - Pastel accent palette: coral, rose, teal, orange, yellow, moss (light + dark pairs); - Blue 450 (#5b76fe) as primary interactive color; - Success green (#00b473) for positive states. Colors: #1c1c1e, #ffffff, #5b76fe, #2a41b6 with #5b76fe accent.
Variant Prompts
📱 Mobile
Design a mobile app with Miro aesthetics. Use Miro color identity with #5b76fe accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Miro style. Use Miro color identity with #5b76fe accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Miro design language. Use Miro color identity with #5b76fe accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Miro visual identity. Use Miro color identity with #5b76fe accents. Compelling, conversion-focused.
Usage Examples
Miro App
WebBuild a web app with Miro design language and #5b76fe color system.
Miro Dashboard
DashboardCreate a dashboard using Miro style with data visualization and modern typography.
✅ Best For
- Design
- Whiteboard and visual collaboration tools
- Team brainstorming sessions
❌ Avoid For
- Reading-centric article sites
- Sober monochrome back offices
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.