Dia

Item: Dia
Rating: 8

AI web browser that works across your tabs and apps.

diabrowser.com Save page

8.0/10MABTU rating

DESKTOP · 1440 × 7,500/ ↗

MOBILE · 390

Section outline · Home

01heroBlack band, serif wordmark, tagline, waitlist button, screaming portrait.
02featuresSticky left benefit list, stacked tinted browser screenshots right.2,176
03features2x3 grey cards with mono labels and UI crops.2,056
04privacyBordered panel with toggle chips and short copy.
05ctaCentred serif line and black waitlist button.
06footerMono link columns and circular company seal.

Rating · Home

Visual design8.4

UX & clarity7.8

Originality8.6

Craft & consistency8.2

Motion6.5

Performance & a11y7.7

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

Main colours

Light·off white background·mono

Typography

Exposureheading · font · self-hosted ABC Oraclebody · font · self-hosted ABC Favorit Monoaccent · sans · self-hosted

Stack & style

Next.js Sanity Tailwind CSS React

Minimal Bold typography Editorial Product-UI-led Bento grid Marquee Pinned sections Process steps Sticky header Tabs Transparent header

Also: Vercel, Google Analytics

Design DNA

Black hero with a centred oversized serif wordmark, a one-line joke tagline and a photo of a man screaming, finished with a 'Watch the scream' pill. The rest sits on pale grey: a left sticky list of three benefits beside stacked browser-window screenshots in pastel tints (one with a classical landscape painting titled in yellow serif italic), a 2x3 grid of grey feature cards with mono labels, a privacy panel with toggle chips, and a quiet serif CTA. The footer uses mono uppercase links and a circular company seal.

Worth borrowing

Open with a single humorous portrait and a caption button that names the joke ('Watch the scream').
Put fine-art imagery inside product screenshots so UI mockups feel editorial, not generic.
Use tiny mono uppercase labels for card categories and footer links against serif headlines.