# aside.com

Source: https://aside.com/
Captured: 2026-09-13
Tags: saas, landing, light, both, minimal, corporate-clean, calm, optimistic, confident, trustworthy, technical
Colors: #f0fbfd, #9dedfe, #72e6fe, #ced4d5, #6eb0be, #578089, #b1b3b4, #89c9d6
Type (h1): displayFont · 48px/52px · 400 · tracking -0.48px — "The most intelligent AI assistant, but it’s a browser."
Type (h2): displayFont · 44px/48px · 450 — "Anything you do in a browser, Aside can do for you."
Type (h3): displayFont · 30px/40px · 500 — "The SOTA browser agent."
Type (body): displayFont · 20px/28px · 400 — "Today’s AI browsers are broken. They never complete a task. They say “I can’t do"
Type (small): displayFont · 12px/16px · 550 · tracking 0.12px — "Backed by Y Combinator"
Type (button): displayFont · 14px/20px · 500 — "Download"
Button (primary): "Download" — fill #090b0c, text #fafafa, radius 16.8px, border 1px, padding 0px 10px, height 36px, type 14px/500
Button (secondary): "Backed by Y Combinator" — text #0d1010, radius 9999px, border 1px, padding 0px 10px, height 24px, type 12px/550
Button (tertiary): "Features" — text #090b0c, radius 0px, border 0px, padding 0px 0px, height 20px, type 14px/500
Radii: 9999px (28), 8.4px (23), 11.2px (18), 16.8px (12), 33.6px (2)

## Images

- Hero (desktop): https://media.lvly.design/library/aside-com/hero.webp?v=1435da96
- Page crop (mid-1): https://media.lvly.design/library/aside-com/mid-1.webp?v=9686a9f4
- Page crop (mid-2): https://media.lvly.design/library/aside-com/mid-2.webp?v=b3aeeb97
- Hero (mobile): https://media.lvly.design/library/aside-com/mobile-hero.webp?v=82b66c36
- Full page (desktop): https://media.lvly.design/library/aside-com/full.jpg?v=9cc6522c
- Full page (mobile): https://media.lvly.design/library/aside-com/mobile-full.jpg?v=a24dd511
- Clip preview (mp4): https://media.lvly.design/library/aside-com/video-suo0s5.preview.mp4?v=e893b08f

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.

## Steal-worthy details

- The hero is a photograph of sky inside a rounded rectangle with a thin white gutter — the page ground stays white, the mood comes from one inset image.
- A monochrome UI screenshot on a color photograph: the product is grayscale so the sky does the emotional work and the product reads as the sober, trustworthy part.
- Headline at weight 400 with tight tracking — large regular text reads calmer and more premium than bold; hierarchy comes from size and space, not weight.
- Feature-card thumbnails are soft blurred gradients (lavender-pink, cyan-blue, mint) rather than UI crops — three distinct hues on identical gray cards, low effort and instantly branded.
- Bold lead-in inside a muted sentence ("**Signing in** Aside signs in and works across…") — a heading and its description on one line with a single weight change.
- Benchmark rows as a horizontal bar table: only the winner's bar is saturated blue, every competitor is light gray, the number sits tabular at the right.
- Dotted hairline section dividers and a dotted vertical frame around the content column — a faint grid that structures without boxing.
- The composer's "Search | Ask AI" segmented toggle and its "Local · Guard · GPT-5.5 · High" chip row: dense settings shown as small muted dropdowns, not a settings panel.

## Style recipe

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.