
Resend
swart fluweel met pers neonkleur
Resend bestaan in byna totale duisternis—’n skoon swart doek, dun grafietgrense en wit-op-swart tipografie wat die gevoel skep van teks wat op matglas gedruk is. Die hoofelement is anti-ornamenteel: ’n enkele groot serif-opskrif in 96px Domaine langs ’n driedimensionele swart kubus, sonder gradiënte of bemarkingsillustrasies. Die handelsmerk is ’n ryk pers (#9281f7), wat in e-posadreslyne, statusikone en kodevoorbeelde verskyn—nooit op knoppies nie. ’n Monospasiëerde lettertipe (Commit Mono) dra die ontwikkelaar se persoonlikheid oor deur elke kodeblok, ikoon en inlyn-etiket, wat die bladsy laat voel soos ’n terminaal wat in ’n luukse koppelvlak ingesluit is. Komponente het skerp of effens afgeronde hoeke (6px / 16px), lae hoogtes en gebruik 1px-grense in plaas van skaduwees om lae te skei. Die dinamika is subtiel maar ekspressief: gladde vervaag en gly van teks op die hoofskerm, subtiele rotasie van die kubus met behulp van WebGL, en kort 150-ms-oorgange wanneer dit oor die bladsy beweeg.
Die visuele ontwerp bestaan amper geheel en al uit 3D-voorwerpe wat met WebGL weergegee word (die swart kubus in die hoofvenster, roterende geometriese vorms) en ingebedde skermkiekies van die produk se gebruikerskoppelvlak wat in donker kodevensters vertoon word. Geen foto's, illustrasies of leefstylbeelde word gebruik nie. Logo's in die vertrouensbalk is ingebedde SVG-beelde in hul oorspronklike kleure. Ikone is 1px-1.5px-buitelyne met 'n #f0f0f0- of #a1a4a5-streep. Die visuele taal: 'n swart doek, 'n 3D-voorwerp as die hoofvensteranker, donker kodevensters as produkbewys, wit SVG-logo's as sosiale bewys. Niks dekoratief nie - elke visuele element is óf struktureel (die kubus) óf demonstratief (die kodevenster, die logo).
Palet
Handelsmerk
- Iris Violet
#9281f7— Pers aksentteks vir skakels, etikette en uitgeligte kort frases; diagonale gradiënt van pers na magenta op ikoonhouers en handelsmerkikone. - Iris Violet Glow
#baa7ff— Skakels, etikette en kort gemerkte frases word in pers uitgelig.
Neutraal
- Void Black
#000000— Bladsyagtergrond, kartonoppervlaktes, oorvleuelskerms - die hele doek. - Graphite Hairline
#292d30— 1px-grense op kaarte, invoervelde, knoppies, kodeblokke en verdelers definieer elke laagskeiding. - White
#ffffff— Hoofopskrifte, titel, knoppie-etikette, ikoonvulsel op donker oppervlaktes. - Bone White
#f0f0f0— Hoofteks, sekondêre opskrifte, ikoonomlyning - die hoofkleur vir lees. - Ash Gray
#a1a4a5— Gedempte liggaamsteks, ikoonetikette, ikoonbuitelyne - derdevlakteks en metadata. - Smoke Gray
#abafb4— Skakelkleur, gedeaktiveerde knoppieteks, hulpetikette - vierdevlakteks
Tipografie
van 12 tot 96px · 8 stappe
- Inter — vervanging: Inter (Google Fonts) · buitelyne 400, 500, 600 · Liggaamsteks, gebruikerskoppelvlak-etikette, navigasie, knoppies, skakels. Werkinstrument – verskyn 1 280 keer oor alle oppervlaktes behalwe kode.
- Domaine — vervanging: GT Sectra · buitelyne 400 · Die titelteks – ’n lettertipe van 400 punte met letterspasiëring van 96 piksels – skep ’n redaksionele, amper drukagtige gevoel. Dit word slegs twee keer op die hele bladsy vir die grootste opskrif gebruik.
- aBC Favorit — vervanging: Inter Display · buitelyne 400, 500 · Afdelingsopskrifte en subopskrifte. Die handelsmerkstyl-lettertipe is 56px, gewig-400, en letterspasiëring is -0.05em. Die uiters negatiewe letterspasiëring in hierdie geometriese sans-serif-lettertipe skep 'n gekondenseerde, selfversekerde indruk, wat kontrasteer met die hoof Domaine-lettertipe.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | ruim |
| Basiese stap | 16px |
| Knoppieradius | 6px |
| Kaartradius | 16px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 96px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Resend -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Neon — 'n Bedienerkamer na donker. Suiwer duisternis, waar die enigste lig van data en gebruikersinteraksies kom.
- Discord — Die spelwêreld is versteek agter 'n opspringende kletsvenster - elke afdeling is 'n selfstandige omgewing met sy eie beligting en stel karakters.
- Midjourney — 'n Bioluminescerende terminaal in die diepsee. 'n Diepseewêreld waar intelligensie visueel in ASCII-strome genereer, en kontroles as dowwe gloeiende patrone verskyn.
- Wope — Wope is 'n pers horison-koppelvlak. Stel jou 'n donker observasietafel voor met 'n pers lig wat onder die glas uitstraal.
- Ori — Die bedienerkamer om middernag is 'n swart leegte, wit lig, een skakelaar aan.
- Amaterasu — Hemelse Turkoois Heiligdom
- Obsidian — 'n Bewaarplek van kristallyne kennis. 'n Helder, veelsydige digitale ruimte ontwerp vir duidelikheid en fokus, met helder pers are van interaksie.
- Morphic — 'n Donker, filmagtige doek vir KI-aangedrewe storievertelling. Suiwer swart absorbeer alles behalwe die blou pulsering van 'n enkele aksent en die gloed van die gegenereerde beeld.
- Valo — 'n Noir-observatorium om middernag - 300pt tipografie sweef teen 'n skoon swart agtergrond, terwyl 'n enkele turkoois-pers gradiënt soos 'n laserlyn deur die kamer loop.
- JetBrains — Neonnebula op Obsidiaan – ’n Swart agtergrondbladsy waar persblou gradiënte blom soos beelde van diep ruimte, afgewissel met helderpienk neon en die chromatiese gloed van ikone vir elke produk.
- beehiiv — Middernagsterrewag met Neonplasma
- RainbowKit — ’n Neon-modale beursie-organiseerder dryf in ’n swart leemte, ’n blou-violet gloed deurdring die donkerte.