aside.com

Aside sells an AI-agent browser by putting a black-and-white product on a daydream. The hero is a photograph of a bright cumulus sky — pale cyan (#f0fbfd) to saturated sky-blue (#9dedfe, #72e6fe) — held inside a single large-radius rounded rectangle with a thin white margin around it, so the whole viewport reads as one soft card. On top of it sits nothing but a pill badge ("Backed by Y Combinator"), a two-line 48px sans headline at regular weight (400) with tight -0.48px tracking, and one black pill button; the product itself — a monochrome browser window with a left rail of Gmail/Figma/WhatsApp bookmarks and an "Ask AI a task" composer — rises from the bottom edge in crisp grays. Below the fold the sky gives way to a white page with a dotted hairline grid, three feature cards whose thumbnails are blurred pastel gradients (pink, blue, mint) instead of screenshots, and a benchmark table where Aside's bar is the only saturated color on the page. Fully rounded pills (9999px) and ~8–17px card radii do all the shaping; there are no borders heavier than a hairline and no drop shadows to speak of.

Build on white. Reserve a single saturated color — a sky cyan (#72e6fe / #9dedfe on a #f0fbfd tint) — for one full-bleed image or gradient block set inside a large rounded rectangle (radius ~32px) with a thin white gutter; keep the rest of the page uncoloured grays. Type is one geometric-humanist sans at regular weight throughout: display 48px/52px with -0.01em tracking, body 20px/28px, UI labels 14px/500. Never bold a headline; make hierarchy with size, muted gray (#578089 / #6eb0be range on tinted grounds, mid-gray on white) and whitespace. Buttons are pills (9999px): the primary is solid near-black with white text, the secondary is a 1px hairline outline at 36px height. Cards use radii of 8–17px, a pale gray (#f5f5f5) ground, no border and no shadow; illustrate them with soft, blurred two-tone gradients in pastel hues rather than screenshots. Section rules are dotted hairlines, not solid lines, and a dotted vertical frame may bound the content column. Product UI must be shown grayscale so the one accent stays alone. Data displays as horizontal bars in a hairline-ruled table with tabular numerals, the highlighted row in one saturated blue (#1a6dff) and all others in light gray. Use a small outlined pill badge above the headline and a tight chip row of muted dropdowns for dense options.