Resend
musta sametti violetilla neonvärillä
Resend sijaitsee lähes täydellisessä pimeydessä – puhtaalla mustalla kankaalla, ohuilla grafiittireunuksilla ja valkoisella mustalla typografialla, joka luo vaikutelman himmeälle lasille painetusta tekstistä. Pääelementti on antikoristeellinen: yksi suuri serif-otsikko 96px Domaine-kirjasimessa kolmiulotteisen mustan kuution vieressä ilman liukuvärejä tai markkinointikuvia. Bränditunnus on syvän violetti (#9281f7), joka näkyy sähköpostiosoitteissa, tilakuvakkeissa ja koodiesimerkeissä – ei koskaan painikkeissa. Kiinteävälisesti sijoitettu fontti (Commit Mono) välittää kehittäjän persoonallisuuden jokaisen koodilohkon, kuvakkeen ja rivikohtaisen otsikon kautta, jolloin sivu tuntuu ylellisen käyttöliittymän sisällä olevalta terminaalilta. Komponenteilla on terävät tai hieman pyöristetyt kulmat (6px / 16px), matalat korkeudet ja varjojen sijaan käytetään 1px:n reunuksia kerrosten erottamiseen. Dynamiikka on hienovaraista mutta ilmeikästä: tekstin pehmeä häivytys ja liukuminen päänäytössä, kuution hienovarainen pyöriminen WebGL:n avulla ja lyhyet 150 ms:n siirtymät hiiren osoittimen päällä.
Visuaalinen suunnittelu koostuu lähes kokonaan WebGL:llä renderöidyistä 3D-objekteista (pääikkunan musta kuutio, pyörivät geometriset muodot) ja tuotteen käyttöliittymästä upotetuista kuvakaappauksista, jotka näkyvät tummissa koodi-ikkunoissa. Valokuvia, kuvituksia tai lifestyle-kuvia ei ole käytetty. Luottamuspalkin logot ovat upotettuja SVG-kuvia alkuperäisissä väreissään. Kuvakkeet ovat 1–1,5 pikselin ääriviivoja, joissa on #f0f0f0 tai #a1a4a5 -viiva. Visuaalinen kieli: musta kangas, 3D-objekti pääikkunan ankkurina, tummat koodi-ikkunat tuotetestinä, valkoiset SVG-logot sosiaalisena todisteena. Ei mitään koristeellista – jokainen visuaalinen elementti on joko rakenteellinen (kuutio) tai demonstratiivinen (koodi-ikkuna, logo).
Paletti
Merkki
- Iris Violet
#9281f7— Violetti korostusteksti linkeissä, tageissa ja korostetuissa lyhyissä lauseissa; vino liukuväri violetista magentaan kuvakesäiliöissä ja brändikuvakkeissa. - Iris Violet Glow
#baa7ff— Linkit, tagit ja lyhyet korostetut lauseet on korostettu violetilla.
Neutraali
- Void Black
#000000— Sivun tausta, pahvipinnat, päällekkäiset näytöt - koko kangas. - Graphite Hairline
#292d30— Korttien, syöttökenttien, painikkeiden, koodilohkojen ja jakajien 1px:n reunat määrittävät jokaisen tasoerottelun. - White
#ffffff— Pääotsikot, otsikko, painikkeiden tekstit ja kuvakkeiden täyttö tummilla pinnoilla. - Bone White
#f0f0f0— Pääteksti, toissijaiset otsikot, kuvakkeiden ääriviivat - lukemisen pääväri. - Ash Gray
#a1a4a5— Vaimennettu leipäteksti, kuvakkeiden otsikot, kuvakkeiden ääriviivat - kolmannen tason teksti ja metatiedot. - Smoke Gray
#abafb4— Linkin väri, käytöstä poistetun painikkeen teksti, apuotsikot - neljännen tason teksti
Typografia
12:sta 96 pikseliin · 8 askelta
- Inter — korvaava: Inter (Google Fonts) · ääriviivat 400, 500, 600 · Leipäteksti, käyttöliittymän otsikot, navigointi, painikkeet, linkit. Työtyökalu – esiintyy 1 280 kertaa kaikilla pinnoilla paitsi koodissa.
- Domaine — korvaava: GT Sectra · ääriviivat 400 · Otsikkoteksti – 400 pisteen fontti ja 96 pikselin kirjainväli – luo toimituksellisen, lähes painokuvien tuntuman. Sitä käytetään vain kaksi kertaa koko sivulla suurimmassa otsikossa.
- aBC Favorit — korvaava: Inter Display · ääriviivat 400, 500 · Osioiden otsikot ja alaotsikot. Brändityylinen fontti on 56 pikseliä, paksuus 400 ja kirjainväli on -0,05 em. Tämän geometrisen sans-serif-fontin erittäin negatiivinen kirjainväli luo tiivistetyn ja itsevarman vaikutelman, joka on vastakohta Domaine-pääkirjasintyypille.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tilava |
| Perusvaihe | 16px |
| Painikkeen säde | 6px |
| Kortin säde | 16px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 96px |
| Sivun leveys | 1200px |
Tekoäly rakentaa verkkosivustosi Resend -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Neon — Palvelinhuone pimeän tultua. Täysi pimeys, jossa ainoa valo tulee datasta ja käyttäjien vuorovaikutuksesta.
- Discord — Pelimaailma on piilotettu ponnahdusikkunan taakse – jokainen osio on itsenäinen ympäristö, jolla on oma valaistus ja hahmot.
- Midjourney — Bioluminesoiva terminaali syvänmeren uumenissa. Syvänmeren maailma, jossa älykkyys generoituu visuaalisesti ASCII-virroina ja ohjausobjektit näkyvät himmeästi hohtavina kuvioina.
- Wope — Wope on purppuran horisontin käyttöliittymä. Kuvittele tumma observatoriopöytä, jonka lasin alta säteilee violetti valo.
- Ori — Palvelinhuone on keskiyöllä musta tyhjyys, valkoinen valo ja yksi kytkin päällä.
- Amaterasu — Taivaallisen turkoosin pyhäkkö
- Obsidian — Kiteisen tiedon arkisto. Kirkas ja monipuolinen digitaalinen tila, joka on suunniteltu selkeyttä ja keskittymistä silmällä pitäen, hohtavien violettien vuorovaikutusjuonten ympäröimänä.
- Morphic — Synkkä elokuvamainen kangas tekoälyllä toimivalle tarinankerronnalle. Puhdas musta imee kaiken paitsi yksittäisen aksentin sinisen sykkeen ja luodun kuvan hehkun.
- Valo — Noir-observatorio keskiyöllä – 300 pisteen typografia leijuu puhtaan mustan taustan edessä, ja yksi turkoosi-violetti liukuväri kulkee huoneen läpi kuin laserviiva.
- JetBrains — Neon Nebula Obsidianilla – Mustalla taustalla oleva sivu, jossa purppuransiniset liukuvärit kukkivat kuin syvän avaruuden kuvat, joita värittävät kuuma pinkki neon ja kunkin tuotteen kuvakkeiden kromaattinen hehku.
- beehiiv — Keskiyön observatorio neonplasmalla
- RainbowKit — Neonvärinen modaalilompakkojärjestäjä leijuu mustassa tyhjyydessä, sinivioletti hehku lävistää pimeyden.