Resend
crni baršun s ljubičastom neonskom bojom
Resend postoji u gotovo potpunom mraku - čisto crno platno, tanki grafitni okviri i bijela na crnoj tipografiji koja stvara osjećaj čitanja teksta odštampanog na matiranom staklu. Glavni element je anti-ornamentalan: jedan veliki serifni naslov u Domaine fontu od 96px pored trodimenzionalne crne kocke, bez gradijenata ili marketinških ilustracija. Zaštitni znak brenda je bogata ljubičasta boja (#9281f7), koja se pojavljuje u redovima za adresu e-pošte, ikonama statusa i primjerima koda - nikada na dugmadima. Font s jednostrukim razmakom (Commit Mono) prenosi osobnost programera kroz svaki blok koda, ikonu i unutarnju oznaku, čineći da se stranica osjeća kao terminal zatvoren u luksuzni interfejs. Komponente imaju oštre ili blago zaobljene uglove (6px / 16px), niske visine i koriste okvire od 1px umjesto sjena za odvajanje slojeva. Dinamika je suptilna, ali izražajna: glatko blijeđenje i klizanje teksta na glavnom ekranu, suptilna rotacija kocke pomoću WebGL-a i kratki prijelazi od 150 ms pri zadržavanju miša.
Vizualni dizajn se gotovo u potpunosti sastoji od 3D objekata prikazanih pomoću WebGL-a (crna kocka u glavnom prozoru, rotirajući geometrijski oblici) i ugrađenih snimaka ekrana korisničkog interfejsa proizvoda prikazanih u prozorima tamnog koda. Nisu korištene fotografije, ilustracije ili slike životnog stila. Logotipi u traci povjerenja su ugrađene SVG slike u svojim originalnim bojama. Ikone su obrisi od 1px-1.5px s linijom #f0f0f0 ili #a1a4a5. Vizualni jezik: crno platno, 3D objekt kao sidro glavnog prozora, prozori tamnog koda kao dokaz proizvoda, bijeli SVG logotipi kao društveni dokaz. Ništa dekorativno - svaki vizualni element je ili strukturni (kocka) ili demonstrativni (prozor koda, logo).
Paleta
Brend
- Iris Violet
#9281f7— Ljubičasti naglašeni tekst za linkove, oznake i istaknute kratke fraze; dijagonalni gradijent od ljubičaste do magenta na kontejnerima ikona i ikonama brendova. - Iris Violet Glow
#baa7ff— Linkovi, oznake i kratke istaknute fraze su označene ljubičastom bojom.
Neutralno
- Void Black
#000000— Pozadina stranice, kartonske površine, prekrivajući ekrani - cijelo platno. - Graphite Hairline
#292d30— Ivice od 1px na karticama, poljima za unos, dugmadima, blokovima koda i razdjelnicima definišu razdvajanje svakog sloja. - White
#ffffff— Glavni naslovi, naslov, oznake dugmadi, popunjavanje ikona na tamnim površinama. - Bone White
#f0f0f0— Glavni tekst, sekundarni naslovi, obrisi ikona - glavna boja za čitanje. - Ash Gray
#a1a4a5— Prigušeni tekst tijela, oznake ikona, obrisi ikona - tekst trećeg nivoa i metapodaci. - Smoke Gray
#abafb4— Boja linka, tekst onemogućenog dugmeta, pomoćne oznake - tekst četvrtog nivoa
Tipografija
od 12 do 96px · 8 koraka
- Inter — zamjena: Inter (Google Fonts) · obrisi 400, 500, 600 · Tekst tijela, oznake korisničkog interfejsa, navigacija, dugmad, linkovi. Radni alat – pojavljuje se 1.280 puta na svim površinama osim koda.
- Domaine — zamjena: GT Sectra · obrisi 400 · Naslovni tekst – font veličine 400 bodova s razmakom između slova od 96 piksela – stvara urednički, gotovo štampani osjećaj. Korišten je samo dva puta na cijeloj stranici za najveći naslov.
- aBC Favorit — zamjena: Inter Display · obrisi 400, 500 · Naslovi i podnaslovi odjeljaka. Font brendiranog stila je 56px, debljina-400, a razmak između slova je -0.05em. Izuzetno negativan razmak između slova u ovom geometrijskom sans-serif fontu stvara sažet, samouvjeren utisak, u kontrastu s glavnim Domaine fontom.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 16px |
| Radijus dugmeta | 6px |
| Radijus kartice | 16px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 96px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Resend stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Neon — Serverska soba nakon mraka. Čisti mrak, gdje jedino svjetlo dolazi od podataka i korisničkih interakcija.
- Discord — Svijet igre je skriven iza iskačućeg prozora za chat - svaki dio je samostalno okruženje sa svojim vlastitim osvjetljenjem i skupom likova.
- Midjourney — Bioluminiscentni terminal u dubokom okeanu. Dubokomorski svijet gdje se inteligencija vizualno generira u ASCII tokovima, a kontrole se pojavljuju kao slabo sjajni uzorci.
- Wope — Wope je ljubičasti horizontski interfejs. Zamislite tamni stol za osmatranje s ljubičastim svjetlom koje sija ispod stakla.
- Ori — Serverska soba u ponoć je crna praznina, bijelo svjetlo, jedan uključen prekidač.
- Amaterasu — Nebesko tirkizno utočište
- Obsidian — Spremište kristalnog znanja. Jasan, višeslojan digitalni prostor dizajniran za jasnoću i fokus, sa svjetlucavim ljubičastim venama interakcije.
- Morphic — Tamno filmsko platno za pripovijedanje uz pomoć umjetne inteligencije. Čista crna upija sve osim plavog pulsiranja jednog akcenta i sjaja generirane slike.
- Valo — Noir opservatorij u ponoć - tipografija od 300pt lebdi na čistoj crnoj pozadini, dok se jedan tirkizno-ljubičasti gradijent proteže kroz sobu poput laserske linije.
- JetBrains — Neonska maglina na Obsidianu – Stranica s crnom pozadinom gdje ljubičasto-plavi gradijenti cvjetaju poput slika dubokog svemira, ispresijecani vrućim ružičastim neonom i kromatskim sjajem ikona za svaki proizvod.
- beehiiv — Ponoćna opservatorija s neonskom plazmom
- RainbowKit — Neonski modalni organizator za novčanik lebdi u crnoj praznini, plavo-ljubičasti sjaj probija tamu.