Huly
Sjeverna svjetlost u ponoćnoj opservatoriji - protagonist je vertikalni snop ljubičaste boje koji se blijedi u koraljnu, a svaki tihi dio ispod njega posuđuje istu dvobojnu priču ispričanu u prigušenijem tonu.
Huly evocira ambijent kosmičkog radnog prostora: gotovo crno platno s jednim ljubičasto-ćilibarnim sjajem koji probija glavni element, a ispod njega, prigušenija mreža za povećanu produktivnost. Sistem funkcioniše unutar uskog raspona boja - jedna jarko plava i jedna koraljna obavljaju sav posao brendiranja na slojevitim grafitnim površinama, tako da tamni način rada nikada ne djeluje neutralno. Tipografija je u međustilu za sve što je funkcionalno, s prilagođenim fontom (Esbuild) rezerviranim za ključne tačke, s razmakom od 80–84px i agresivnim negativnim razmakom između slova. Komponente su u obliku kapsule: radijusi od 9999px na kontrolama, 12px na karticama, minimalna sjena i sjajne gradijentne linije kao glavna dekoracija. Stranica se izmjenjuje između tamnih područja preko cijele stranice i mirno svijetlih dijelova, tako da bi svaki novi ekran trebao odlučiti o načinu rada prije odabira boja.
Početna stranica pune širine sadrži vertikalni snop sjeverne svjetlosti i naslov poravnat lijevo, zajedno sa snimkom ekrana proizvoda postavljenim u donjem desnom kutu. Ispod početne stranice nalazi se područje sadržaja maksimalne širine, 1200px, s naizmjeničnim tamnim i svijetlim prugama. Svaki odjeljak je jedan vertikalni blok: zaglavlje plus mreža kartica s 3 ili 4 stupca odvojena razmacima od 96px. Odjeljak "MetaBrain" prekida mrežu centriranim naslovom i mozaikom kartica različitih veličina (velika glavna kartica plus manje pomoćne kartice). Stranica je prepuna sadržaja, slijedeći SaaS standarde, ali koristi naizmjenične tamne i svijetle pruge kako bi svaki odjeljak imao prostora za disanje. Navigacija je jedna prozirna gornja traka koja postaje neprozirna dok skrolujete.
Glavni element je čisti gradijent aurore, bez fotografija. Sve ilustracije su stvarni snimci ekrana korisničkog interfejsa proizvoda (Kanban u tamnom režimu, inbox, kalendar), uokvireni okvirima za kartice koji služe i kao dokaz i kao dekoracija. Nema lifestyle fotografija, nema stock slika, nema 3D rendera. Jedini vizuelni element koji nije povezan s korisničkim interfejsom je topli, radijalni sunčev sjaj u podnožju aurore, prikazan kao CSS gradijent. Ikone su monohromatske linijske ikone u boji #95979 ili bijeloj, nikada višebojne. Sistem tretira vlastiti tamni korisnički interfejs kao glavni element - proizvod su fotografije.
Paleta
Brend
- Electric Iris
#5683da— Glavna pozadina, indikator aktivne navigacije i upečatljiv akcenat sjeverne svjetlosti - živahna ljubičasto-plava boja na crnoj pozadini - stvaraju utisak angažmana, a ne korporativne aktivnosti. - Ember Pulse
#ff8964— Sekundarni akcenat, topla zona sjevernog svjetla, mjesto za obavještenja i istaknuta ilustracija - jantarna nijansa koja prekida trezvenost plave i dodaje toplinu snopu.
Neutralno
- Obsidian Canvas
#303236— Pozadina stranice, dominantna površina, gotovo je crne boje s blagim naznakama topline, standardnog okruženja za sav sadržaj. - Void
#090a0c— Najdublji površinski sloj za gradijente na glavnom ekranu, modalne pozadine i okvire koji bi se trebali uklopiti u platno. - Charcoal Card
#111111— Povišene površine od kartona i panela, postavljene jedan stepenik iznad platna. - Slate Edge
#4a4b50— Suptilne granice i pregrade na tamnim površinama - Iron Veil
#6b6c6d— Zatamnjena pozadina za oznake, ispune stavki liste i onemogućene ispune. - Smoke
#95979e— Obrisi ikona, dodatni tekst i neaktivne kontrole su primarni radni element u srednje sivoj boji.
Tipografija
od 11 do 80px · 8 koraka
- Inter — zamjena: DM Sans · obrisi 300, 400, 500, 600, 700 · Sav funkcionalni tekst u korisničkom interfejsu – tekst tijela, navigacija, dugmad, stavke liste, oznake i mali naslovi – koristi se s debljinom fonta od 500–600 za naglašavanje, 400 za tekst tijela i 300 štedljivo za neupadljive metapodatke.
- Esbuild — zamjena: Sora · obrisi 400, 500, 600 · Samo za prikaz: naslovi uvodnih poruka, zaglavlja odjeljaka i naslovi članaka na MetaBrainu. Sažeta geometrija i mali razmak između slova stvaraju utisak da je 84px pogodnije za urednički rad nego za SaaS projekte. Nikada ne koristite ispod 28px.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 12px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 12px |
| Sjene | meke sjene |
| Između sekcija | 96px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Huly 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
- monday — Bijela radionica s pastelnim naljepnicama
- Slack — Scena je boje patlidžana s bijelim reflektorima. Tamna nijansa šljive dominira tamnim područjima, dok prljavobijelo platno omogućava velikim, avangardnim naslovima da slobodno dišu.
- Base44 — Suncem obasjana bilježnica s flomasterom od limete
- Supahub — Meko dnevno svjetlo na ljubičastom grebenu. Uglavnom bijelo, prozračno platno osvijetljeno jednim jarko ljubičastim suncem, s dekorativnim gradijentnim sferama koje prelijevaju boju u negativni prostor i velikodušnom zaobljenom geometrijom koja svakoj površini daje ugodnu, opipljivu težinu.
- Raycast — Ponoćni komandni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno u sumraku s matiranim staklenim pločama
- Wiza — Opservatorij za istraživanje minerala u sumrak, obavijen lavandinom maglom.
- Paste — Ćilibarni fenjer na bijelom mramoru - topli gradijentni logo brenda lebdi u prostranom bijelom prostoru, poput jedinog osvijetljenog prozora u zgradi prekrivenoj snijegom.
- Reworkd — Mekana dnevna svjetlost na dijagramu proizvoda je jedina boja koja govori sama za sebe, to je dugme za akciju i gradijentni naslov iznad njega.
- Reflect Notes — Zvjezdano ljubičasti prostor je mračna opservatorija gdje note lebde poput sazviježđa na pozadini gotovo crne indigo praznine.
- Ameba — Kontrolna soba u ponoć – električno plavi puls unutar matiranih staklenih panela
- Todoist — Suncem obasjan radni prostor s papirnim dnevnikom - toplo krem stol, bilješke s tintom, jedna crvena olovka