Arc — Hero
Top nav (Mac, Mobile, Developers, Students, Blog) over a centered serif headline 'Meet Dia, the next evolution of Arc' with a black rounded 'Try Dia' pill CTA and a browser-window screenshot peeking up from the bottom edge.
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/arc-dia-announcement-hero-with-try-dia-pill.
Measured spec
| Scheme | light |
| Background | #F7F7F7 |
| Text | #3A40DF |
| Accents | #3A40DF, #828AE4 |
| Contrast | 6.58 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.299 |
| Measured size | 1600×801 px |
Palette
#FFFFFF#1A1A1A#F3EEFF
Fonts
Marlin SoftMarlin
Page types
Detail
UI elements
Navigation BarBadge
Context
- Parent page: Browser product landing page with cobalt blue hero and stacked feature browser mockups
- All of Arc
Other sections on this page
- Testimonial / Social Proof — Giant indigo Verge pull-quote with dual download buttons
- Gallery / Showcase — Floating browser screenshot showcase
- Feature — 'Anticipates them' feature with photo-gallery app shot
- Feature — Spaces feature — 'different sides of you'
- Feature — Themes feature — 'Your perfect setup'
- Feature — Privacy statement with learn-more link
- Testimonial / Social Proof — Cream wall of four @-handle user quotes
- Footer — Final download CTA over indigo footer