Mirai

Above the fold

A bordered top bar holds the "mirai labs" wordmark, seven labels ("Product", "Models", "Metrics", "Research", "Docs", "Careers", "Company") and Discord, X and GitHub icons with a count of 1675. The serif headline spans two lines, with "Models", "runtime" and "infrastructure" dotted-underlined. A grey paragraph follows. Below, a black panel frames a Mac-style window with a sidebar ("New Chat", "Chats", "Models") and a transcript where a calendar and Slack request ends with an orange line of speed figures.

App-grid split rows and speed chart

A two-by-two checkerboard alternates text and diagram. "The last decade shipped one app per service." sits beside a nine-dot grid and "The next decade collapses the app grid into one interface." sits beside four labelled dots converging on a quoted request. A full-width black band then states "1,000 t/s is where models become interfaces." over an area chart that turns orange at a marked point, with three numbered columns beneath.

Terminal, comparison and co-design rows

Another split row puts a beige terminal window at left and "1,000 t/s requires a different execution stack." at right. A quieter row asks a small grey question, then states "On-device is not a smaller cloud. It's a different system entirely." beside two four-line boxes headed "Cloud" and "On-device". The next row pairs an orange wireframe sphere with "Performance emerges from co-design across the stack." and three checkmarked lines.

Closing section and footer

A black table headed "The full on-device stack to achieve realtime local intelligence." numbers four rows: "Local models", "Inference engine", "Quantization" and "Application layer", each with a grey one-line description. A thick black ring sits above "On-device AI deserves its own frontier lab" and a short paragraph. The footer has three link columns, "Main", "Company" and "Links", with seven, five and four entries, and no closing button.

On mobile

At 390px the page is nearly the same length, 6,506px. The nav collapses out of view, so the serif headline leads the screen. The checkerboard becomes a single column with each diagram under its text. The chart band shrinks while the three numbered points become stacked headings. The comparison boxes remain side by side, the four-row table stacks each description under its name, and footer columns drop to two.

Worth borrowing

• A hero with only a headline, paragraph and product window skips buttons entirely.
• Alternating text and diagram cells divided by hairlines make an essay read as a grid.
• A numbered four-row table on black summarizes the whole stack in one glance.