Resend
svart sammet med lila neonfärg
Resend existerar i nästan totalt mörker – en ren svart duk, tunna grafitkanter och vitt-på-svart typografi som skapar känslan av att läsa text tryckt på frostat glas. Huvudelementet är anti-ornamentalt: en enda stor serif-rubrik i 96px Domaine bredvid en tredimensionell svart kub, utan gradienter eller marknadsföringsillustrationer. Varumärket är en fyllig lila (#9281f7), som visas i e-postadressrader, statusikoner och kodexempel – aldrig på knappar. Ett monospaced-typsnitt (Commit Mono) förmedlar utvecklarens personlighet genom varje kodblock, ikon och inline-etikett, vilket gör att sidan känns som en terminal innesluten i ett lyxigt gränssnitt. Komponenterna har skarpa eller lätt rundade hörn (6px / 16px), låga höjder och använder 1px-kanter istället för skuggor för att separera lager. Dynamiken är subtil men uttrycksfull: smidig blekning och glidning av text på huvudskärmen, subtil rotation av kuben med WebGL och korta 150-ms övergångar vid muspekning.
Den visuella designen består nästan uteslutande av 3D-objekt renderade med WebGL (den svarta kuben i huvudfönstret, roterande geometriska former) och inbäddade skärmdumpar av produktens användargränssnitt som visas i mörka kodfönster. Inga fotografier, illustrationer eller livsstilsbilder används. Logotyper i förtroendefältet är inbäddade SVG-bilder i sina originalfärger. Ikonerna är 1px-1.5px konturer med en #f0f0f0- eller #a1a4a5-linje. Det visuella språket: en svart duk, ett 3D-objekt som huvudfönsterankare, mörka kodfönster som produktbevis, vita SVG-logotyper som socialt bevis. Inget dekorativt – varje visuellt element är antingen strukturellt (kuben) eller demonstrativt (kodfönstret, logotypen).
Palett
Stämpla
- Iris Violet
#9281f7— Lila accenttext för länkar, taggar och markerade korta fraser; diagonal gradient från lila till magenta på ikonbehållare och varumärkesikoner. - Iris Violet Glow
#baa7ff— Länkar, taggar och korta markerade fraser är markerade i lila.
Neutral
- Void Black
#000000— Sidbakgrund, kartongytor, överliggande skärmar – hela arbetsytan. - Graphite Hairline
#292d30— 1px-kantlinjer på kort, inmatningsfält, knappar, kodblock och avdelare definierar varje lagerseparation. - White
#ffffff— Huvudrubriker, titel, knappetiketter, ikonfyllning på mörka ytor. - Bone White
#f0f0f0— Huvudtext, sekundära rubriker, ikonkonturer - huvudfärgen för läsning. - Ash Gray
#a1a4a5— Dämpad brödtext, ikonetiketter, ikonkonturer - text och metadata på tredje nivå. - Smoke Gray
#abafb4— Länkfärg, text på inaktiverad knapp, hjälpetiketter - text på fjärde nivån
Typografi
från 12 till 96px · 8 steg
- Inter — ersättning: Inter (Google Fonts) · konturer 400, 500, 600 · Brödtext, UI-etiketter, navigering, knappar, länkar. Arbetsverktyg – förekommer 1 280 gånger på alla ytor utom kod.
- Domaine — ersättning: GT Sectra · konturer 400 · Rubriktexten – ett typsnitt på 400 punkter med 96 pixlars teckenavstånd – skapar en redaktionell, nästan tryckt känsla. Den används bara två gånger på hela sidan för den största rubriken.
- aBC Favorit — ersättning: Inter Display · konturer 400, 500 · Avsnittsrubriker och underrubriker. Typsnittet i varumärkesstil är 56px, vikt 400 och bokstavsavståndet -0,05em. Det extremt negativa bokstavsavståndet i detta geometriska sans-serif-typsnitt skapar ett kompakt och självsäkert intryck, i kontrast till Domaines huvudtypsnitt.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 16px |
| Knappradie | 6px |
| Kortradie | 16px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 96px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Resend -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Neon — Ett serverrum efter mörkrets inbrott. Rent mörker, där det enda ljuset kommer från data och användarinteraktioner.
- Discord — Spelvärlden är dold bakom ett popup-chattfönster – varje sektion är en fristående miljö med sin egen belysning och karaktärsuppsättning.
- Midjourney — En bioluminescerande terminal i djuphavet. En djuphavsvärld där intelligens visuellt genererar sig själv i ASCII-strömmar, och kontroller visas som svagt glödande mönster.
- Wope — Wope är ett gränssnitt med lila horisonter. Föreställ dig ett mörkt observationsbord med ett lila ljus som strålar under glaset.
- Ori — Serverrummet vid midnatt är ett svart tomrum, vitt ljus, en strömbrytare tänd.
- Amaterasu — Celestial Turquoise Sanctuary
- Obsidian — Ett arkiv av kristallklar kunskap. Ett klart, mångfacetterat digitalt utrymme utformat för tydlighet och fokus, med lysande lila vener av interaktion.
- Morphic — En mörk filmisk duk för AI-driven berättande. Ren svart absorberar allt utom den blå pulseringen av en enda accent och glöden från den genererade bilden.
- Valo — Ett noir-observatorium vid midnatt – 300pt typografi svävar mot en ren svart bakgrund, medan en enda turkos-lila gradient löper genom rummet likt en laserlinje.
- JetBrains — Neonnebula på obsidian – En sida med svart bakgrund där lilablå gradienter blommar ut som bilder av rymden, varvat med knallrosa neon och det kromatiska skenet från ikoner för varje produkt.
- beehiiv — Midnattsobservatorium med neonplasma
- RainbowKit — En plånboksväska i neonfärgad modal svävar i ett svart tomrum, ett blåviolett sken genomtränger mörkret.