Resend

developer-tool minimalism done to the highest finish - a near-black, code-forward site where a precise type system and quiet, fast motion make an email API feel like craftsmanship.

Developer Tool Email Api flagship

Design tokens

black

near-black

text-primary

text-secondary

white

text-tinted

text-muted

text-faint

accent-green

accent-green-glow

display: ABC Favorit
body: Inter
mono: Commit Mono

Do / Don't

Reference it for

The code-forward hero: show the real API call beside its rendered output.
A near-black dark theme with light text in three calm greys and one restrained accent.
A precise three-face type system: display sans + UI sans + mono.
Fast, functional CSS motion (0.15-0.2s) and Radix primitives for menus/drawers.

Do not copy

The specific near-black palette and the green accent glow - Resend-coded.
ABC Favorit and Commit Mono (licensed) - borrow the three-role strategy, not the faces.
The deeply code-led voice if the client's buyer is not technical.

Signature moves

code-forward hero showing call beside output

the hero shows the real API call beside its rendered output, on a pure-black field with light text in three calm greys and one restrained accent (#22ff99).

precise three-face type system with fast functional motion

a three-face system (display sans ABC Favorit + UI sans Inter + mono Commit Mono) across a 12-56px scale runs with fast functional CSS motion (0.15s) on the standard curve, Radix primitives for menus/drawers.

Related references

Mercury

flagship

Fintech

a banking site that turns scale and aspiration into the brand - bespoke variable Arcadia/ArcadiaDisplay typography at intermediate weights (420/480), a glass-blur dark nav over a 1952px-wide light page, atmospheric mountain/space photography, and one electric-indigo CTA in a sea of refined neutrals.

Parsley Health

flagship

Health

a functional-medicine telehealth clinic that earns trust through calm, a deep forest-teal and warm-cream palette, an EuclidCircularB-plus-Teodor-serif pairing, a long evidence-led page of credential blocks, comparison tables and measurable outcomes, all on a clean Next.js + Tailwind build.

Posthog

strong

Developer Tool

personality as the strategy - a warm, cream-toned developer-analytics site that leans hard into a hedgehog mascot, playful animation and quirky copy to feel human in a sterile category.

Analogue

strong

Creative Studio

a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.