Resend
black velvet with purple neon color
Resend exists in near-total darkness—a clean black canvas, thin graphite borders, and white-on-black typography that creates the feeling of reading text printed on frosted glass. The main element is anti-ornamental: a single large serif headline in 96px Domaine next to a three-dimensional black cube, without gradients or marketing illustrations. The brand mark is a rich purple (#9281f7), which appears in email address lines, status icons, and code samples—never on buttons. A monospaced font (Commit Mono) conveys the developer's personality through every code block, icon, and inline label, making the page feel like a terminal enclosed in a luxurious interface. Components have sharp or slightly rounded corners (6px / 16px), low heights, and use 1px borders instead of shadows to separate layers. The dynamics are subtle but expressive: smooth fading and sliding of text on the main screen, subtle rotation of the cube using WebGL, and short 150-ms transitions on hover.
The visual design consists almost entirely of 3D objects rendered with WebGL (the black cube in the main window, rotating geometric shapes) and embedded screenshots of the product's user interface displayed in dark code windows. No photographs, illustrations, or lifestyle images are used. Logos in the trust bar are embedded SVG images in their original colors. Icons are 1px-1.5px outlines with a #f0f0f0 or #a1a4a5 stroke. The visual language: a black canvas, a 3D object as the main window anchor, dark code windows as product proof, white SVG logos as social proof. Nothing decorative—every visual element is either structural (the cube) or demonstrative (the code window, the logo).
Palette
Brand
- Iris Violet
#9281f7— Purple accent text for links, tags, and highlighted short phrases; diagonal gradient from purple to magenta on icon containers and brand icons. - Iris Violet Glow
#baa7ff— Links, tags, and short highlighted phrases are highlighted in purple.
Neutral
- Void Black
#000000— Page background, cardboard surfaces, overlay screens - the entire canvas. - Graphite Hairline
#292d30— 1px borders on cards, input fields, buttons, code blocks, and dividers define each layer separation. - White
#ffffff— Main headings, title, button labels, icon fill on dark surfaces. - Bone White
#f0f0f0— Main text, secondary headings, icon outlines - the main color for reading. - Ash Gray
#a1a4a5— Muted body text, icon labels, icon outlines - third-level text and metadata. - Smoke Gray
#abafb4— Link color, disabled button text, auxiliary labels - fourth-level text
Typography
from 12 to 96px · 8 steps
- Inter — replacement: Inter (Google Fonts) · outlines 400, 500, 600 · Body text, UI labels, navigation, buttons, links. Working tool – appears 1,280 times across all surfaces except code.
- Domaine — replacement: GT Sectra · outlines 400 · The title text—a 400-point font with 96px letter spacing—creates an editorial, almost print-like feel. It's used only twice on the entire page for the largest headline.
- aBC Favorit — replacement: Inter Display · outlines 400, 500 · Section headings and subheadings. The brand style font is 56px, weight-400, and letter spacing is -0.05em. The extremely negative letter spacing in this geometric sans-serif font creates a condensed, confident impression, contrasting with the main Domaine typeface.
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | spacious |
| Basic step | 16px |
| Button radius | 6px |
| Card radius | 16px |
| Shadows | no - borders instead of shadows |
| Between sections | 96px |
| Page width | 1200px |
AI will build your website in Resend style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Neon — A server room after dark. Pure darkness, where the only light comes from data and user interactions.
- Discord — The game world is hidden behind a pop-up chat window - each section is a self-contained environment with its own lighting and set of characters
- Midjourney — A bioluminescent terminal in the deep ocean. A deep-sea world where intelligence visually generates itself in ASCII streams, and controls appear as faintly glowing patterns.
- Wope — Wope is a purple horizon interface. Imagine a dark observatory table with a purple light beaming from beneath the glass.
- Ori — The server room at midnight is a black void, white light, one switch on.
- Amaterasu — Celestial Turquoise Sanctuary
- Obsidian — A repository of crystalline knowledge. A clear, multifaceted digital space designed for clarity and focus, with luminous purple veins of interaction.
- Morphic — A dark cinematic canvas for AI-powered storytelling. Pure black absorbs everything but the blue pulsation of a single accent and the glow of the generated image.
- Valo — A noir observatory at midnight—300pt typography hovers against a clean black background, while a single turquoise-purple gradient runs through the room like a laser line.
- JetBrains — Neon Nebula on Obsidian – A black background page where purple-blue gradients bloom like images of deep space, interspersed with hot pink neon and the chromatic glow of icons for each product.
- beehiiv — Midnight Observatory with Neon Plasma
- RainbowKit — A neon modal wallet organizer floats in a black void, a blue-violet glow piercing the darkness.