Resend
resend.comdeveloper-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.
Design tokens
- 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
Maven Clinic
strongHealth
a women's and family telehealth brand that wraps clinical credibility in warmth, a deep forest green base lit by an electric mint accent, Helvetica Now Display set huge with Ivar Display serif italics for the emotional words, and warm candid family photography carried full-bleed.
Mercury
flagshipFintech
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
flagshipHealth
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
strongDeveloper 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.