Resend
crni baršun s ljubičastom neonskom bojom
Resend postoji u gotovo potpunom mraku - čisto crno platno, tanki grafitni rubovi i bijela na crnoj tipografiji koja stvara osjećaj čitanja teksta otisnutog na matiranom staklu. Glavni element je anti-ornamentalan: jedan veliki serifni naslov u Domaine od 96px pored trodimenzionalne crne kocke, bez gradijenata ili marketinških ilustracija. Zaštitni znak robne marke je bogata ljubičasta (#9281f7), koja se pojavljuje u retcima adrese e-pošte, ikonama statusa i primjerima koda - nikada na gumbima. Font s jednostrukim razmakom (Commit Mono) prenosi osobnost programera kroz svaki blok koda, ikonu i ugrađenu oznaku, čineći da se stranica osjeća kao terminal zatvoren u luksuzno sučelje. Komponente imaju oštre ili blago zaobljene kutove (6px / 16px), niske visine i koriste rubove od 1px umjesto sjena za odvajanje slojeva. Dinamika je suptilna, ali izražajna: glatko blijeđenje i klizanje teksta na glavnom zaslonu, suptilna rotacija kocke pomoću WebGL-a i kratki prijelazi od 150 ms pri zadržavanju miša.
Vizualni dizajn gotovo u potpunosti se sastoji od 3D objekata prikazanih pomoću WebGL-a (crna kocka u glavnom prozoru, rotirajući geometrijski oblici) i ugrađenih snimaka zaslona korisničkog sučelja 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 izvornim bojama. Ikone su obrisi od 1px-1.5px s potezom #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, logotip).
Paleta
Robna marka
- Iris Violet
#9281f7— Ljubičasti naglašeni tekst za poveznice, oznake i istaknute kratke fraze; dijagonalni gradijent od ljubičaste do magenta na spremnicima ikona i ikonama robnih marki. - Iris Violet Glow
#baa7ff— Linkovi, oznake i kratke istaknute fraze označene su ljubičastom bojom.
Neutralno
- Void Black
#000000— Pozadina stranice, kartonske površine, prekrivajući ekrani - cijelo platno. - Graphite Hairline
#292d30— Rubovi od 1px na karticama, poljima za unos, gumbima, blokovima koda i razdjelnicima definiraju svako odvajanje slojeva. - White
#ffffff— Glavni naslovi, naslov, oznake gumba, ispuna 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će razine i metapodaci. - Smoke Gray
#abafb4— Boja poveznice, tekst onemogućenog gumba, pomoćne oznake - tekst četvrte razine
Tipografija
od 12 do 96px · 8 koraka
- Inter — zamjena: Inter (Google Fonts) · obrisi 400, 500, 600 · Tekst tijela, oznake korisničkog sučelja, navigacija, gumbi, poveznice. Radni alat – pojavljuje se 1280 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 tiskani dojam. Koristi se 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 dojam, u kontrastu s glavnim Domaine fontom.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 16px |
| Radijus gumba | 6px |
| Radijus kartice | 16px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 96px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Resend stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja 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 skriven je iza skočnog prozora za chat - svaki dio je samostalno okruženje s vlastitom rasvjetom i skupom likova.
- Midjourney — Bioluminiscentni terminal u dubokom oceanu. Dubokomorski svijet u kojem se inteligencija vizualno generira u ASCII tokovima, a kontrole se pojavljuju kao slabo sjajni uzorci.
- Wope — Wope je ljubičasto sučelje horizonta. Zamislite tamni stol promatračnice s ljubičastim svjetlom koje zrači ispod stakla.
- Ori — Serverska soba u ponoć je crna praznina, bijelo svjetlo, jedan uključen prekidač.
- Amaterasu — Nebesko tirkizno svetište
- Obsidian — Spremište kristalnog znanja. Jasan, višeslojan digitalni prostor dizajniran za jasnoću i fokus, sa svjetlucavim ljubičastim žilama interakcije.
- Morphic — Tamno filmsko platno za pripovijedanje uz pomoć umjetne inteligencije. Čista crna upija sve osim plavog pulsiranja jednog naglaska i sjaja generirane slike.
- Valo — Noir opservatorij u ponoć - tipografija od 300 pt lebdi na čistoj crnoj pozadini, dok se jedan tirkizno-ljubičasti gradijent proteže kroz sobu poput laserske linije.
- JetBrains — Neonska maglica na Obsidianu – Stranica s crnom pozadinom gdje ljubičasto-plavi gradijenti cvjetaju poput slika dubokog svemira, ispresijecani vrućim ružičastim neonom i kromatski sjaj ikona za svaki proizvod.
- beehiiv — Ponoćni opservatorij s neonskom plazmom
- RainbowKit — Neonski modalni organizator za novčanik lebdi u crnoj praznini, plavo-ljubičasti sjaj probija tamu.