Resend
črni žamet z vijolično neonsko barvo
Resend obstaja v skoraj popolni temi – čisto črno platno, tanki grafitni robovi in bela črna tipografija, ki ustvarja občutek branja besedila, natisnjenega na matiranem steklu. Glavni element je anti-ornamentalen: en sam velik serifni naslov v 96px Domaine poleg tridimenzionalne črne kocke, brez prelivov ali marketinških ilustracij. Oznaka blagovne znamke je bogata vijolična barva (#9281f7), ki se pojavlja v vrsticah e-poštnih naslovov, ikonah stanja in vzorcih kode – nikoli na gumbih. Pisava z enako razmikom (Commit Mono) izraža osebnost razvijalca skozi vsak blok kode, ikono in vstavljeno oznako, zaradi česar se stran zdi kot terminal, zaprt v razkošen vmesnik. Komponente imajo ostre ali rahlo zaobljene vogale (6px / 16px), nizke višine in namesto senc uporabljajo 1px robove za ločevanje plasti. Dinamika je subtilna, a izrazita: gladko bledenje in drsenje besedila na glavnem zaslonu, subtilno vrtenje kocke z uporabo WebGL in kratki 150-ms prehodi ob lebdenju.
Vizualna zasnova je skoraj v celoti sestavljena iz 3D-objektov, upodobljenih z WebGL (črna kocka v glavnem oknu, vrteče se geometrijske oblike) in vdelanih posnetkov zaslona uporabniškega vmesnika izdelka, prikazanih v oknih s temno kodo. Uporabljene niso nobene fotografije, ilustracije ali slike življenjskega sloga. Logotipi v vrstici zaupanja so vdelane slike SVG v njihovih originalnih barvah. Ikone so obrisi velikosti 1px-1,5px s črto #f0f0f0 ali #a1a4a5. Vizualni jezik: črno platno, 3D-objekt kot sidro glavnega okna, okna s temno kodo kot dokaz izdelka, beli logotipi SVG kot družbeni dokaz. Nič dekorativnega – vsak vizualni element je bodisi strukturen (kocka) bodisi demonstracijski (okno s kodo, logotip).
Paleta
Blagovna znamka
- Iris Violet
#9281f7— Vijolično poudarjeno besedilo za povezave, oznake in označene kratke besedne zveze; diagonalni preliv od vijolične do magenta na vsebnikih ikon in ikonah blagovnih znamk. - Iris Violet Glow
#baa7ff— Povezave, oznake in kratke označene besedne zveze so označene z vijolično barvo.
Nevtralno
- Void Black
#000000— Ozadje strani, kartonske površine, prekrivni zasloni - celotno platno. - Graphite Hairline
#292d30— 1px robovi na karticah, vnosnih poljih, gumbih, blokih kode in razdelilnikih določajo ločitev posameznih slojev. - White
#ffffff— Glavni naslovi, naslov, oznake gumbov, zapolnitev ikon na temnih površinah. - Bone White
#f0f0f0— Glavno besedilo, sekundarni naslovi, obrisi ikon - glavna barva za branje. - Ash Gray
#a1a4a5— Utišano besedilo telesa, oznake ikon, obrisi ikon - besedilo tretje ravni in metapodatki. - Smoke Gray
#abafb4— Barva povezave, besedilo onemogočenega gumba, pomožne oznake - besedilo četrte ravni
Tipografija
od 12 do 96 slikovnih pik · 8 korakov
- Inter — zamenjava: Inter (Google Fonts) · obrisi 400, 500, 600 · Telo besedila, oznake uporabniškega vmesnika, navigacija, gumbi, povezave. Delovno orodje – pojavi se 1280-krat na vseh površinah razen kode.
- Domaine — zamenjava: GT Sectra · obrisi 400 · Naslovno besedilo – pisava velikosti 400 točk z razmikom med črkami 96 slikovnih pik – ustvarja uredniški, skoraj tiskani občutek. Na celotni strani je uporabljeno le dvakrat za največji naslov.
- aBC Favorit — zamenjava: Inter Display · obrisi 400, 500 · Naslovi in podnaslovi razdelkov. Pisava blagovne znamke je velikosti 56px, teže 400, razmik med črkami pa -0,05em. Izjemno negativen razmik med črkami v tej geometrijski pisavi sans-serif ustvarja zgoščen, samozavesten vtis, ki je v nasprotju z glavno pisavo Domaine.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | prostoren |
| Osnovni korak | 16px |
| Polmer gumba | 6px |
| Polmer kartice | 16px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 96px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Resend in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Neon — Strežniška soba po temi. Čista tema, kjer edina svetloba prihaja od podatkov in interakcij uporabnikov.
- Discord — Igralni svet se skriva za pojavnim oknom za klepet - vsak del je samostojno okolje s svojo osvetlitvijo in naborom likov.
- Midjourney — Bioluminiscenčni terminal v globokem oceanu. Globokomorski svet, kjer se inteligenca vizualno generira v ASCII tokovih, krmilniki pa so videti kot rahlo svetleči vzorci.
- Wope — Wope je vijoličen vmesnik obzorja. Predstavljajte si temno opazovalno mizo z vijolično svetlobo, ki sije izpod stekla.
- Ori — Strežna soba je ob polnoči črna praznina, bela luč, eno stikalo prižgano.
- Amaterasu — Nebeško turkizno svetišče
- Obsidian — Repozitorij kristalnega znanja. Jasen, večplasten digitalni prostor, zasnovan za jasnost in osredotočenost, s svetlečimi vijoličnimi žilami interakcije.
- Morphic — Temno kinematografsko platno za pripovedovanje zgodb z umetno inteligenco. Čista črna barva absorbira vse razen modrega utripanja posameznega poudarka in sijaja ustvarjene slike.
- Valo — Observatorij noir ob polnoči – 300-pt tipografija lebdi na čistem črnem ozadju, medtem ko en sam turkizno-vijolični gradient teče skozi sobo kot laserska črta.
- JetBrains — Neonska meglica na Obsidianu – stran s črnim ozadjem, kjer vijolično-modri prelivi cvetijo kot podobe globokega vesolja, prepleteni z vroče roza neonom in kromatskim sijajem ikon za vsak izdelek.
- beehiiv — Polnočni observatorij z neonsko plazmo
- RainbowKit — Neonski modalni organizator denarnice lebdi v črni praznini, modro-vijoličen sij pa prebada temo.