Dia — Bento Grid

Consumer · Bento Grid

Centered two-line serif heading above a two-column, three-row grid of labeled tiles (Decks, Live Work, Better Meetings, Profiles, Splits, Organized Tabs), each a captioned product screenshot in a rounded card.

Open in Mozaika →

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/dia-built-for-how-you-actually-work.

Measured spec

Palette

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: Dia - A Browser You Won't Dread Opening
• All of Dia

Other sections on this page

• Hero — Dia hero - the scream
• Feature — Reads between the tabs
• Gallery / Showcase — Stacked product mockups
• Feature — Privacy first, with you in control
• CTA / Sign-up — Ready for a better day?
• Footer — Footer