Arc: Browser product landing page with cobalt blue hero and stacked feature browser mockups

Productivity · Landing Page

A long-scroll marketing landing page that alternates full-bleed cobalt-blue sections with white space, anchored by a centered hero (headline, subtext, dark pill CTA) and a sequence of realistic in-browser app mockups demonstrating features. Visual hierarchy relies on large centered serif/sans headlines, generous vertical rhythm, oversized product screenshots in colored window chrome, and a press-quote band plus a social-proof testimonial grid near the footer.

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/arc-browser-product-landing-page-with-cobalt-blue-hero-and-stacked-feature-browser-mockups.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Arc

More from Arc

• Feature — 'Anticipates them' feature with photo-gallery app shot
• Testimonial / Social Proof — Cream wall of four @-handle user quotes
• Hero — Dia announcement hero with Try Dia pill
• Footer — Final download CTA over indigo footer
• Gallery / Showcase — Floating browser screenshot showcase
• Testimonial / Social Proof — Giant indigo Verge pull-quote with dual download buttons
• Feature — Privacy statement with learn-more link
• Feature — Spaces feature — 'different sides of you'
• Feature — Themes feature — 'Your perfect setup'