Resend
must samet lilla neoonvärviga
Resend eksisteerib peaaegu täielikus pimeduses – puhas must lõuend, õhukesed grafiitäärised ja valge-must-valge tüpograafia, mis loob tunde, nagu loetaks mattklaasile trükitud teksti. Põhielement on antiornamentaalne: üks suur serif-pealkiri 96px Domaine'is kolmemõõtmelise musta kuubiku kõrval, ilma gradientide või turundusillustratsioonideta. Brändimärk on rikkalik lilla (#9281f7), mis ilmub e-posti aadressi ridadel, olekuikoonides ja koodinäidistes – mitte kunagi nuppudel. Ühtlase vahega font (Commit Mono) edastab arendaja isiksust iga koodiploki, ikooni ja tekstisisese sildi kaudu, pannes lehe tunduma nagu luksuslikku liidesesse suletud terminal. Komponentidel on teravad või kergelt ümarad nurgad (6px / 16px), madalad kõrgused ja varjude asemel kasutatakse kihtide eraldamiseks 1px ääriseid. Dünaamika on peen, kuid ilmekas: teksti sujuv hääbumine ja libisemine põhiekraanil, kuubiku peen pöörlemine WebGL-i abil ja lühikesed 150 ms üleminekud kursori hõljumisel.
Visuaalne disain koosneb peaaegu täielikult WebGL-iga renderdatud 3D-objektidest (must kuup peaaknas, pöörlevad geomeetrilised kujundid) ja toote kasutajaliidese manustatud ekraanipiltidest, mis kuvatakse tumedates koodiakendes. Fotosid, illustratsioone ega elustiilipilte ei kasutata. Usaldusriba logod on manustatud SVG-pildid oma originaalvärvides. Ikoonid on 1–1,5 piksli suurused kontuurid #f0f0f0 või #a1a4a5 joonega. Visuaalne keel: must lõuend, 3D-objekt peaakna ankruna, tumedad koodiaknad toote tõestuseks, valged SVG-logod sotsiaalse tõestuseks. Midagi dekoratiivset – iga visuaalne element on kas struktuurne (kuup) või demonstratiivne (koodiaken, logo).
Palett
Bränd
- Iris Violet
#9281f7— Lilla aktsenttekst linkidel, siltidel ja esiletõstetud lühikestel fraasidel; diagonaalne gradient lillast magentani ikoonikonteineritel ja brändiikoonidel. - Iris Violet Glow
#baa7ff— Lingid, sildid ja lühikesed esiletõstetud fraasid on lillaga esile tõstetud.
Neutraalne
- Void Black
#000000— Lehekülje taust, papist pinnad, pealispinnad – kogu lõuend. - Graphite Hairline
#292d30— 1px äärised kaartidel, sisestusväljadel, nuppudel, koodiplokkidel, eraldajatel - määrake iga kihi eraldamine. - White
#ffffff— Pealkirjad, tiitel, nuppude sildid, ikoonide täitmine tumedatel pindadel. - Bone White
#f0f0f0— Põhitekst, teisejärgulised pealkirjad, ikoonide kontuurid – lugemiseks vajalik põhivärv. - Ash Gray
#a1a4a5— Summutatud põhitekst, ikoonide sildid, ikoonide kontuurid - kolmanda taseme tekst ja metaandmed. - Smoke Gray
#abafb4— Lingi värv, keelatud nupu tekst, abisildid - neljanda taseme tekst
Tüpograafia
12-st 96 pikslini · 8 sammu
- Inter — asendamine: Inter (Google Fonts) · kontuurid 400, 500, 600 · Põhitekst, kasutajaliidese sildid, navigeerimine, nupud, lingid. Tööriist – ilmub 1280 korda kõigil pindadel peale koodi.
- Domaine — asendamine: GT Sectra · kontuurid 400 · Pealkirja tekst – 400-punktine font 96-px tähevahega – loob toimetuseliku, peaaegu trükitud teksti tunde. Seda kasutatakse kogu lehel ainult kaks korda suurima pealkirja jaoks.
- aBC Favorit — asendamine: Inter Display · kontuurid 400, 500 · Jaotiste pealkirjad ja alapealkirjad. Brändistiili font on 56px, paksus -400 ja tähevahe on -0,05em. Selle geomeetrilise sans-serif-fondi äärmiselt negatiivne tähevahe loob kontsentreeritud ja enesekindla mulje, mis on kontrastiks Domaine'i põhikirjatüübiga.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 16px |
| Nupu raadius | 6px |
| Kaardi raadius | 16px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 96px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Resend stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Neon — Serveriruum pärast pimeduse saabumist. Täielik pimedus, kus ainus valgus tuleb andmetest ja kasutajate interaktsioonidest.
- Discord — Mängumaailm on peidetud hüpikakna taha – iga osa on iseseisev keskkond oma valgustuse ja tegelaskujudega.
- Midjourney — Bioluminestsentsterminal süvameres. Süvamere maailm, kus intelligents genereerib end visuaalselt ASCII-voogudena ja juhtnupud paistavad nõrgalt helendavate mustritena.
- Wope — Wope on lilla horisondi liides. Kujutage ette tumedat vaatluslauda, mille klaasi alt paistab lillat valgust.
- Ori — Serveriruum on südaööl must tühjus, valge tuli, üks lüliti põleb.
- Amaterasu — Taevane türkiissinine pühamu
- Obsidian — Kristalliliste teadmiste hoidla. Selge ja mitmetahuline digitaalne ruum, mis on loodud selguse ja keskendumise saavutamiseks ning mida täidavad helendavad lillad interaktsiooniveenid.
- Morphic — Tume filmilik lõuend tehisintellektil põhinevaks lugude jutustamiseks. Puhas must neelab endasse kõik peale ühe aktsendi sinise pulseerimise ja genereeritud pildi kuma.
- Valo — Noir'i observatoorium südaööl – 300-punktine tüpograafia hõljub puhta musta tausta ees, samal ajal kui üks türkiissinine-lilla gradient jookseb läbi ruumi nagu laserjoon.
- JetBrains — Neoonudukogu Obsidianil – mustal taustal leht, kus lilla-sinised gradiendid õitsevad nagu süvakosmose pildid, mida vahelduvad kuuma roosa neooni ja iga toote ikoonide kromaatilise kumaga.
- beehiiv — Keskööobservatoorium neoonplasmaga
- RainbowKit — Neoonmodaalsest rahakotist koosnev korraldaja hõljub mustas tühjuses, sinakasvioletne kuma läbistab pimedust.