Resend
svart fløyel med lilla neonfarge
Resend eksisterer i nesten totalt mørke – et rent svart lerret, tynne grafittkanter og hvit-på-svart typografi som skaper følelsen av å lese tekst trykt på frostet glass. Hovedelementet er anti-ornamentalt: en enkelt stor serif-overskrift i 96px Domaine ved siden av en tredimensjonal svart kube, uten gradienter eller markedsføringsillustrasjoner. Merkevaren er en rik lilla (#9281f7), som vises i e-postadresselinjer, statusikoner og kodeeksempler – aldri på knapper. En monospaced-skrifttype (Commit Mono) formidler utviklerens personlighet gjennom hver kodeblokk, ikon og innebygd etikett, noe som gjør at siden føles som en terminal innesluttet i et luksuriøst grensesnitt. Komponentene har skarpe eller litt avrundede hjørner (6px / 16px), lave høyder og bruker 1px-kanter i stedet for skygger for å skille lag. Dynamikken er subtil, men uttrykksfull: jevn falming og glidning av tekst på hovedskjermen, subtil rotasjon av kuben ved hjelp av WebGL og korte overganger på 150 ms ved sveving.
Det visuelle designet består nesten utelukkende av 3D-objekter gjengitt med WebGL (den svarte kuben i hovedvinduet, roterende geometriske former) og innebygde skjermbilder av produktets brukergrensesnitt vist i mørke kodevinduer. Ingen fotografier, illustrasjoner eller livsstilsbilder brukes. Logoer i tillitslinjen er innebygde SVG-bilder i sine originale farger. Ikonene er 1px-1.5px-konturer med et #f0f0f0- eller #a1a4a5-strek. Det visuelle språket: et svart lerret, et 3D-objekt som hovedvinduanker, mørke kodevinduer som produktbevis, hvite SVG-logoer som sosialt bevis. Ingenting dekorativt – hvert visuelt element er enten strukturelt (kuben) eller demonstrativt (kodevinduet, logoen).
Palett
Merke
- Iris Violet
#9281f7— Lilla aksenttekst for lenker, tagger og uthevede korte fraser; diagonal gradient fra lilla til magenta på ikonbeholdere og merkeikoner. - Iris Violet Glow
#baa7ff— Lenker, tagger og korte, uthevede fraser er uthevet i lilla.
Nøytral
- Void Black
#000000— Sidebakgrunn, pappoverflater, overleggsskjermer – hele lerretet. - Graphite Hairline
#292d30— 1px-kantlinjer på kort, inndatafelt, knapper, kodeblokker og skillevegger definerer hver lagseparasjon. - White
#ffffff— Hovedoverskrifter, tittel, knappetiketter, ikonfyll på mørke overflater. - Bone White
#f0f0f0— Hovedtekst, sekundære overskrifter, ikonomriss – hovedfargen for lesing. - Ash Gray
#a1a4a5— Dempet brødtekst, ikonetiketter, ikonomriss – tekst og metadata på tredje nivå. - Smoke Gray
#abafb4— Lenkefarge, deaktivert knapptekst, tilleggsetiketter – tekst på fjerde nivå
Typografi
fra 12 til 96 piksler · 8 trinn
- Inter — erstatning: Inter (Google Fonts) · omriss 400, 500, 600 · Brødtekst, brukergrensesnittetiketter, navigasjon, knapper, lenker. Arbeidsverktøy – vises 1280 ganger på tvers av alle overflater unntatt kode.
- Domaine — erstatning: GT Sectra · omriss 400 · Tittelteksten – en skrifttype på 400 punkter med 96 pikslers bokstavavstand – skaper en redaksjonell, nesten trykt følelse. Den brukes bare to ganger på hele siden for den største overskriften.
- aBC Favorit — erstatning: Inter Display · omriss 400, 500 · Seksjonsoverskrifter og underoverskrifter. Merkevarefonten er 56 piksler, vekt 400 og bokstavavstanden er -0,05 em. Den ekstremt negative bokstavavstanden i denne geometriske sans-serif-fonten skaper et kondensert og selvsikkert inntrykk, i kontrast til Domaine-hovedskrifttypen.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 16px |
| Knapperadius | 6px |
| Kortradius | 16px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 96px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Resend -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Neon — Et serverrom etter mørkets frembrudd. Rent mørke, hvor det eneste lyset kommer fra data og brukerinteraksjoner.
- Discord — Spillverdenen er skjult bak et popup-chatvindu – hver seksjon er et selvstendig miljø med sin egen belysning og sett med figurer.
- Midjourney — En bioluminescerende terminal i dyphavet. En dyphavsverden hvor intelligens visuelt genererer seg selv i ASCII-strømmer, og kontroller fremstår som svakt glødende mønstre.
- Wope — Wope er et lilla horisontgrensesnitt. Se for deg et mørkt observasjonsbord med et lilla lys som stråler fra under glasset.
- Ori — Serverrommet ved midnatt er et svart tomrom, hvitt lys, én bryter på.
- Amaterasu — Celestial Turquoise Sanctuary
- Obsidian — Et arkiv av krystallklar kunnskap. Et klart, mangefasettert digitalt rom designet for klarhet og fokus, med lysende lilla årer av interaksjon.
- Morphic — Et mørkt, filmatisk lerret for kunstig intelligens-drevet historiefortelling. Ren svart absorberer alt annet enn den blå pulseringen fra en enkelt aksent og gløden fra det genererte bildet.
- Valo — Et noir-observatorium ved midnatt – 300pt typografi svever mot en ren svart bakgrunn, mens en enkelt turkis-lilla gradient går gjennom rommet som en laserlinje.
- JetBrains — Neontåke på obsidian – En side med svart bakgrunn der lillablå gradienter blomstrer som bilder av verdensrommet, ispedd knallrosa neon og den kromatiske gløden fra ikoner for hvert produkt.
- beehiiv — Midnattsobservatorium med neonplasma
- RainbowKit — En neonmodal lommebokorganisator svever i et svart tomrom, en blåfiolett glød gjennomtrenger mørket.