Resend
sort fløjl med lilla neonfarve
Resend eksisterer i næsten totalt mørke – et rent sort lærred, tynde grafitkanter og hvid-på-sort typografi, der skaber følelsen af at læse tekst trykt på matteret glas. Hovedelementet er anti-ornamentalt: en enkelt stor serif-overskrift i 96px Domaine ved siden af en tredimensionel sort kube uden gradienter eller marketingillustrationer. Brandmærket er en fyldig lilla (#9281f7), som vises i e-mailadresselinjer, statusikoner og kodeeksempler – aldrig på knapper. En monospaced-skrifttype (Commit Mono) formidler udviklerens personlighed gennem hver kodeblok, ikon og indlejret etiket, hvilket får siden til at føles som en terminal indesluttet i en luksuriøs brugerflade. Komponenterne har skarpe eller let afrundede hjørner (6px / 16px), lave højder og bruger 1px-kanter i stedet for skygger til at adskille lag. Dynamikken er subtil, men udtryksfuld: jævn fading og glidning af tekst på hovedskærmen, subtil rotation af kuben ved hjælp af WebGL og korte overgange på 150 ms ved svævning.
Det visuelle design består næsten udelukkende af 3D-objekter gengivet med WebGL (den sorte kube i hovedvinduet, roterende geometriske former) og integrerede skærmbilleder af produktets brugergrænseflade vist i mørke kodevinduer. Der anvendes ingen fotografier, illustrationer eller livsstilsbilleder. Logoer i tillidslinjen er integrerede SVG-billeder i deres originale farver. Ikoner er 1px-1.5px konturer med en #f0f0f0- eller #a1a4a5-strøg. Det visuelle sprog: et sort lærred, et 3D-objekt som hovedvinduets anker, mørke kodevinduer som produktbevis, hvide SVG-logoer som socialt bevis. Intet dekorativt - hvert visuelt element er enten strukturelt (kuben) eller demonstrativt (kodevinduet, logoet).
Palet
Mærke
- Iris Violet
#9281f7— Lilla accenttekst til links, tags og fremhævede korte sætninger; diagonal gradient fra lilla til magenta på ikonbeholdere og brandikoner. - Iris Violet Glow
#baa7ff— Links, tags og korte, fremhævede sætninger er fremhævet med lilla.
Neutral
- Void Black
#000000— Sidebaggrund, papoverflader, overlay-skærme - hele lærredet. - Graphite Hairline
#292d30— 1px-grænser på kort, inputfelter, knapper, kodeblokke, separatorer - definerer hver lagseparation. - White
#ffffff— Hovedoverskrifter, titel, knapetiketter, ikonudfyldning på mørke overflader. - Bone White
#f0f0f0— Hovedtekst, sekundære overskrifter, ikonomrids - den primære farve til læsning. - Ash Gray
#a1a4a5— Dæmpet brødtekst, ikonetiketter, ikonomrids - tekst og metadata på tredje niveau. - Smoke Gray
#abafb4— Linkfarve, deaktiveret knaptekst, ekstra etiketter - tekst på fjerde niveau
Typografi
fra 12 til 96px · 8 trin
- Inter — udskiftning: Inter (Google Fonts) · konturer 400, 500, 600 · Brødtekst, brugergrænsefladeetiketter, navigation, knapper, links. Arbejdsværktøj – vises 1.280 gange på tværs af alle overflader undtagen kode.
- Domaine — udskiftning: GT Sectra · konturer 400 · Titelteksten – en skrifttype på 400 punkter med 96 px bogstavafstand – skaber en redaktionel, næsten trykt fornemmelse. Den bruges kun to gange på hele siden til den største overskrift.
- aBC Favorit — udskiftning: Inter Display · konturer 400, 500 · Sektionsoverskrifter og underoverskrifter. Brand-stilens skrifttype er 56px, vægt 400, og bogstavafstanden er -0,05em. Den ekstremt negative bogstavafstand i denne geometriske sans-serif-skrifttype skaber et komprimeret og selvsikkert indtryk, der står i kontrast til Domaine-hovedskrifttypen.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | rummelig |
| Grundlæggende trin | 16px |
| Knapradius | 6px |
| Kortradius | 16px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 96px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Resend -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Neon — Et serverrum efter mørkets frembrud. Rent mørke, hvor det eneste lys kommer fra data og brugerinteraktioner.
- Discord — Spilverdenen er skjult bag et pop-up-chatvindue - hver sektion er et selvstændigt miljø med sin egen belysning og sæt af figurer.
- Midjourney — En bioluminescerende terminal i det dybe hav. En dybhavsverden, hvor intelligens visuelt genererer sig selv i ASCII-strømme, og kontroller fremstår som svagt glødende mønstre.
- Wope — Wope er en lilla horisontgrænseflade. Forestil dig et mørkt observationsbord med et lilla lys, der stråler ud under glasset.
- Ori — Serverrummet ved midnat er et sort tomrum, hvidt lys, én kontakt tændt.
- Amaterasu — Celestial Turquoise Sanctuary
- Obsidian — Et opbevaringssted for krystalklar viden. Et klart, mangesidet digitalt rum designet til klarhed og fokus, med lysende lilla interaktionsårer.
- Morphic — Et mørkt, filmisk lærred til kunstig intelligens-drevet historiefortælling. Ren sort absorberer alt undtagen den blå pulsering fra en enkelt accent og gløden fra det genererede billede.
- Valo — Et noir-observatorium ved midnat – 300pt typografi svæver mod en ren sort baggrund, mens en enkelt turkis-lilla gradient løber gennem rummet som en laserlinje.
- JetBrains — Neontåge på obsidian – En sort baggrundsside, hvor lilla-blå gradienter blomstrer som billeder af det ydre rum, ispækket med pink neon og den kromatiske glød fra ikoner for hvert produkt.
- beehiiv — Midnatsobservatorium med neonplasma
- RainbowKit — En neonmodal pung svæver i et sort tomrum, et blåviolet skær gennembryder mørket.