miro.com/

Miro

miro.com/

Miro is a visual workspace where teams and AI collaborate on research, roadmaps, diagrams, and workshops in one canvas rather than across separate tools. The homepage headline, "Human collaboration at the speed of AI," is backed by specific scale figures — 100M+ users, 250,000+ companies, 6,000+ templates — plus outcome claims of 3.6x faster time to market and a 50% shorter planning process, attributed to internal or customer data rather than left unsourced. It names its six core capabilities explicitly (Collaborative AI Workflows, Intelligent Canvas, Blueprints among them) and quotes ASOS's Lucy Starling by name and title on using Miro to sequence which initiatives happen when.

Visit website

Category

Productivity & Collaboration

Style

Light Colorful

Stack

Framer

Fonts

Roobert PRO MediumRoobert PRO SemiBold Italic

Palette

Meta title

AI Innovation Workspace | Miro

Sections

Updated

Oct 14, 2026

Miro's landing page, section by section

Each section below is cropped straight from Miro's live page — useful references for productivity & collaboration landing page design.

Miro design review: how the homepage is built

Miro's homepage runs 8439 pixels on desktop. A sticky white header holds five nav items and three actions, then a hero fills a pale grey canvas with floating board fragments, then a logo strip, a use-case panel, three customer cards, a stats row, a card deck, a video pitch and a help carousel above a charcoal footer. Colour is mostly light grey with one saturated royal blue for primary buttons and a yellow logo tile. Labelled cursors, connector lines and sticky notes recur throughout.

Hero with live-canvas collage

The headline "Human collaboration at the speed of AI" sits in light oversized type over two lines, above an email field and a blue "Get Started Free" bar beneath. A prompt box reading "Map this process as a workflow diagram so the whole team can follow it" sits low under four app icons. Left and right, a "Customer Feedback" table and a "BPMN Diagram" swimlane connect to it by purple lines, with cursor tags "Rad" and "Brie". Faded logos close the screen.

Use-case panel and customer cards

A left-aligned block headed "Turn research into shared direction" carries three bullets beside a diagram with a "Research Sidekick" tag. A centered line follows: "The only thing more important than moving fast is moving the needle". Three tall photo cards show Pepsico, Asos and kw, each with a white metric such as "faster time to market". Three italic stats follow: "100M+", "250+" and "6,000+", each with a grey caption.

Stacked product cards and video pitch

Under "Experience the Innovation Workspace" a deck of white cards pairs a grey illustration with a title and a black "Learn more" button. Visible cards include "Intelligent Canvas", "Blueprints", "Enterprise Security & Scale" and "Integrations", the last showing fourteen app icons. The section ends with "The AI platform for teamwork", a blue "Explore the solution" button and a video thumbnail of linked prototypes, diagrams and tables.

Help carousel and footer

"Need help getting started?" sits above a carousel of tagged cards: "Select a plan", "Get started fast", "Explore the network" and "Connect with Miro users". Below it a charcoal footer sets six columns, from "Product" to "Plans & Pricing", then ISO and SOC badges, ratings, social icons and app-store badges.

On mobile

At 390px the hero headline breaks into three lines, the email field and blue button stack full width, and the board fragments run vertically down the screen, joined by a single connector. Customer cards and the three stats stack in single columns, and the card deck becomes overlapping cards.

Worth borrowing

Floating labelled cursors and connector lines make the hero demonstrate the product's multiplayer idea instead of describing it.
Overlaying one metric and one logo on each customer photo card keeps proof scannable without any paragraph.
Giving the card deck a stacked, overlapping treatment lets six product areas share one screen position.