Huly
Sjeverna svjetla u ponoćnom opservatoriju - protagonist je okomita zraka ljubičaste boje koja se pretvara u koraljnu, a svaki tihi dio ispod nje posuđuje istu dvobojnu priču ispričanu u suptilnijem tonu.
Huly dočarava ambijent kozmičkog radnog prostora: gotovo crno platno s jednim ljubičasto-jantarnim sjajem koji probija glavni element, a ispod njega, prigušenija mreža za povećanu produktivnost. Sustav djeluje unutar uskog raspona boja - jedna jarko plava i jedna koraljna obavljaju sav posao brendiranja na slojevitim grafitnim površinama, tako da se tamni način rada nikada ne čini neutralnim. Tipografija je u međustilu za sve funkcionalno, s prilagođenim fontom (Esbuild) rezerviranim za ključne toč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 glavni ukras. Stranica se izmjenjuje između tamnih područja cijele stranice i mirno svijetlih dijelova, tako da bi svaki novi zaslon trebao odlučiti o načinu rada prije odabira boja.
Početna stranica pune širine sadrži okomiti snop sjeverne svjetlosti i naslov poravnat ulijevo, zajedno sa snimkom zaslona proizvoda postavljenom 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 okomiti 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 se pomičete.
Glavni element je čisti gradijent aurore, bez fotografija. Sve ilustracije su stvarne snimke zaslona korisničkog sučelja proizvoda (Kanban u tamnom načinu rada, pristigla pošta, kalendar), uokvirene u okvire kartica koji služe i kao dokaz i kao ukras. Nema fotografija životnog stila, nema stock slika, nema 3D rendera. Jedini vizualni element koji nije povezan s korisničkim sučeljem je topli, radijalni sjaj sunca u podnožju aurore, prikazan kao CSS gradijent. Ikone su monokromatske linijske ikone u boji #95979 ili bijeloj, nikada višebojne. Sustav tretira vlastito tamno korisničko sučelje kao glavni element - proizvod su fotografije.
Paleta
Robna marka
- Electric Iris
#5683da— Glavna pozadina, indikator aktivne navigacije i upečatljiv naglasak sjevernog svjetla - živahna ljubičasto-plava boja na crnoj pozadini - stvaraju dojam angažiranosti, a ne korporativne aktivnosti. - Ember Pulse
#ff8964— Sekundarni naglasak, topla zona sjevernog svjetla, točka obavijesti 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 zaslonu, modalne pozadine i okvire koji bi se trebali stopiti s platnom. - Charcoal Card
#111111— Povišene površine od kartona i panela, postavljene jedan stepenik iznad platna. - Slate Edge
#4a4b50— Suptilni obrubi i razdjelnici na tamnim površinama - Iron Veil
#6b6c6d— Zatamnjena pozadina za oznake, ispune stavki popisa i onemogućene ispune. - Smoke
#95979e— Obrisi ikona, dodatni tekst i neaktivne kontrole primarni su 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 sučelju - tekst tijela, navigacija, gumbi, stavke popisa, oznake i mali naslovi - koristi se s debljinom fonta od 500 do 600 za naglasak, 400 za tekst tijela i 300 rijetko za neupadljive metapodatke.
- Esbuild — zamjena: Sora · obrisi 400, 500, 600 · Samo za prikaz: naslovi uvodnih poruka, zaglavlja odjeljaka i naslovi članaka u MetaBrainu. Sažeta geometrija i mali razmak između slova stvaraju dojam da je 84px prikladnije 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 gumba | 9999px |
| Radijus kartice | 12px |
| Sjene | meke sjene |
| Između odjeljaka | 96px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Huly 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
- monday — Bijela radionica s pastelnim naljepnicama
- Slack — Pozornica je boje patlidžana s bijelim reflektorima. Tamna nijansa šljive dominira tamnim područjima, dok prljavobijelo platno omogućuje velikim, avangardnim naslovima da slobodno dišu.
- Base44 — Bilježnica obasjana suncem s markerom od limete
- Supahub — Meko dnevno svjetlo na ljubičastom grebenu. Uglavnom bijelo, prozračno platno osvijetljeno jednim jarkim ljubičastim suncem, s ukrasnim gradijentnim sferama koje prolijevaju boju u negativni prostor i velikodušnom zaobljenom geometrijom koja svakoj površini daje ugodnu, opipljivu težinu.
- Raycast — Ponoćni zapovjedni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno sumrakom s pločama od matiranog stakla
- Wiza — Opservatorij za istraživanje minerala u sumrak, obavijen lavandinom maglom.
- Paste — Jantarna svjetiljka 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 akcijski gumb i gradijentni naslov iznad njega.
- Reflect Notes — Zvjezdano ljubičasti prostor je mračni opservatorij gdje note lebde poput zviježđa na pozadini gotovo crne indigo praznine.
- Ameba — Kontrolna soba u ponoć – električno plavi puls unutar matiranih staklenih ploča
- Todoist — Suncem obasjan radni prostor s papirnatim dnevnikom - toplo krem stol, bilješke s tintom, jedna crvena olovka