Arc

Item: Arc
Rating: 7.9

Web browser from The Browser Company that organises tabs into spaces.

7.9/10MABTU rating

Max

FAQ

DESKTOP · 1440 × 6,117/ ↗

MOBILE · 390

Section outline · Home

01promoGradient band with Try Dia button and UI617
02heroBlue textured band, press quote, download buttons920
03marqueePress quote ticker
04featureScreenshot with photo grid
05featureThemed browser screenshot
06featureSplit view screenshot in pink
07featureShort copy and link
08testimonialsFour user quotes on cream
09ctaBlue band with download

Rating · Home

Visual design8.2

UX & clarity7.6

Originality8.3

Craft & consistency8.0

Motion6.5

Performance & a11y8.0

This page scores 7.9; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Marlin Soft SQheading · font · self-hosted Marlin Soft SQbody · font · self-hosted

Stack & style

Next.js Google Fonts React

Bold typography Playful Grain / texture Product-UI-led Hero video Marquee Sticky header

Also: Vercel, Cloudflare

Design DNA

Electric blue (#3139FB-like) bands with a grainy texture alternate with white, separated by wavy stitched dividers. Headlines in heavy blue rounded sans, with a serif for the top Dia promo. Press quote hero ('Arc is the Chrome replacement...') over a tinted browser screenshot, a scrolling press-quote ticker, then centred feature titles over large browser screenshots with colourful themed spaces. Cream band of user quotes with doodle icons, blue download footer and a red CTA on mobile.

Worth borrowing

Separate bands with a wavy stitched line instead of a straight edge.
Run a ticker of press quotes in the brand colour between hero and features.
Show the product in several colour themes so screenshots double as brand colour.