Design teardown
Resend
A near-black developer homepage: a huge serif headline, glass pills, and a yellow-to-amber accent on the trailing words of section titles.
resend.com
Design character
Black editorial developer
The page is a full-bleed black stage with a centered hero, a faint light streak, and a product visual fading in beside the type. Hierarchy comes from scale and a single warm accent, while controls stay dark and quiet.
Typography
Four families split the jobs. Domaine sets only the hero, ABC Favorit sets section and feature titles, Inter carries UI and body, and Commit Mono sets code. Headlines are large, regular weight, and tightly tracked. Body copy is short, muted, and smaller.
Color system
The stage is black. Type is off-white or a cool gray. Surfaces barely lift off the background. One yellow-to-amber gradient marks the second half of a section title, and a thin cyan-amber-violet ring marks a single announcement chip.
Spacing and geometry
A 4px step underlies the scale. Sections are airy, with wide vertical padding and a narrow page gutter. Related text sits close; the next section is a long drop away.
Layout
A sticky top bar, a centered hero, then stacked sections inside a 1280px column. Logo rows and quotes travel sideways. Feature groups sit in even columns under a large title.
Motion
Entrance is a slow fade with a short travel. Ongoing motion is a rotating ring and very slow sideways rows that pause when hovered. Controls use a short ease.
UI fingerprint
- Black stage Almost every surface is #000000, so type size and a few hairlines do the separating.
- Split title accent Section titles stay off-white, then the last words clip to a #ffff92–#ee8912 gradient.
- Glass 16px pills Primary actions are dark washes with white 600 type, not solid bright fills.
- Slow lateral drift Logo and quote rows crawl for minutes, while the hero only fades and rises once.