Huly
Severni sij v polnočnem observatoriju - protagonist je navpičen žarek vijolične barve, ki prehaja v koralno, vsak tihi del pod njim pa si izposodi isto dvobarvno zgodbo, povedano v bolj umirjenem tonu.
Huly prikliče vzdušje kozmičnega delovnega prostora: skoraj črno platno z enim samim vijolično-jantarnim sijajem, ki seka glavni element, pod njim pa bolj umirjena mreža za večjo produktivnost. Sistem deluje v ozkem barvnem razponu – ena svetlo modra in ena koralna opravljata vse delo blagovne znamke na večplastnih grafitnih površinah, zato se temni način nikoli ne zdi nevtralen. Tipografija je za vse funkcionalno zasnovana v inter-stilu, s pisavo po meri (Esbuild), rezervirano za ključne točke, z razmikom 80–84 slikovnih pik in agresivnim negativnim razmikom med črkami. Komponente so oblikovane v obliki kapsule: polmeri 9999 slikovnih pik na kontrolnikih, 12 slikovnih pik na karticah, minimalna senca in žareče gradientne črte kot glavna dekoracija. Stran se izmenjuje med temnimi območji čez celotno stran in umirjenimi svetlimi odseki, zato se mora vsak nov zaslon pred izbiro barv odločiti za način.
Domača stran v polni širini ima navpičen snop severnega sija in levo poravnan naslov, skupaj s posnetkom zaslona izdelka, ki je postavljen spodaj desno. Pod domačo stranjo je območje vsebine največje širine 1200 slikovnih pik, z izmeničnimi temnimi in svetlimi črtami. Vsak razdelek je en sam navpični blok: glava in mreža s 3 ali 4 stolpci kartic, ločenih z vrzelmi po 96 slikovnih pik. Razdelek»MetaBrain« prekine mrežo s sredinskim naslovom in mozaikom kartic različnih velikosti (velika glavna kartica in manjše podporne kartice). Stran je bogata z vsebino in sledi standardom SaaS, vendar uporablja izmenične temne in svetle črte, da ima vsak razdelek prostor za dihanje. Navigacija je ena sama prozorna zgornja vrstica, ki med pomikanjem postane neprozorna.
Glavni element je čisti gradient aurore, brez fotografij. Vse ilustracije so dejanski posnetki zaslona uporabniškega vmesnika izdelka (Kanban v temnem načinu, nabiralnik, koledar), uokvirjeni v okvirje kartic, ki služijo tako kot dokaz in dekoracija. Brez fotografij življenjskega sloga, brez slik iz arhiva, brez 3D-upodobitev. Edini vizualni element, ki ni povezan z uporabniškim vmesnikom, je topel, radialni sončni sij na dnu aurore, upodobljen kot gradient CSS. Ikone so enobarvne črtne ikone v barvi #95979 ali beli, nikoli večbarvne. Sistem obravnava svoj temni uporabniški vmesnik kot glavni element – izdelek so fotografije.
Paleta
Blagovna znamka
- Electric Iris
#5683da— Glavno ozadje, indikator aktivne navigacije in presenetljiv poudarek severnega sija – živahna vijolično-modra barva na črnem ozadju – ustvarjajo vtis angažiranosti in ne korporativne dejavnosti. - Ember Pulse
#ff8964— Sekundarni poudarek, toplo območje severnega sija, točka za obveščanje in poudarjena ilustracija – jantarni odtenek, ki prekine treznost modre in doda toplino žarku.
Nevtralno
- Obsidian Canvas
#303236— Ozadje strani, prevladujoča površina, je skoraj črne barve z rahlim pridihom topline, standardnega okolja za vso vsebino. - Void
#090a0c— Najgloblja površinska plast za prelive na glavnem zaslonu, modalna ozadja in okvirje, ki se morajo zliti s platnom. - Charcoal Card
#111111— Dvignjene površine iz kartona in plošč, postavljene eno stopnico nad platnom. - Slate Edge
#4a4b50— Subtilne obrobe in razdelilniki na temnih površinah - Iron Veil
#6b6c6d— Zatemnjeno ozadje za oznake, polnila elementov seznama in onemogočena polnila. - Smoke
#95979e— Obrisi ikon, dodatno besedilo in neaktivni kontrolniki so glavni delujoči element v srednje sivi barvi.
Tipografija
od 11 do 80 slikovnih pik · 8 korakov
- Inter — zamenjava: DM Sans · obrisi 300, 400, 500, 600, 700 · Vse funkcionalno besedilo v uporabniškem vmesniku – besedilo telesa, navigacija, gumbi, elementi seznama, oznake in majhni naslovi – se uporablja s pisavo debeline 500–600 za poudarek, 400 za besedilo telesa in 300 zmerno za nevsiljive metapodatke.
- Esbuild — zamenjava: Sora · obrisi 400, 500, 600 · Samo za prikaz: naslovi v uvodnih besedilih, naslovi razdelkov in naslovi člankov MetaBrain. Zgoščena geometrija in tesen razmik med črkami ustvarjata vtis, da je 84px bolj primernih za uredniško delo kot za projekte SaaS. Nikoli ne uporabljajte pod 28px.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | prostoren |
| Osnovni korak | 12px |
| Polmer gumba | 9999px |
| Polmer kartice | 12px |
| Sence | mehke sence |
| Med odseki | 96px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Huly 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
- monday — Bela delavnica s pastelnimi nalepkami
- Slack — Oder je v barvi jajčevca z belimi reflektorji. Temnim predelom prevladuje temen slivov odtenek, medtem ko umazano belo platno omogoča, da veliki, avantgardni naslovi svobodno dihajo.
- Base44 — Sončno osvetljen zvezek z apnenim markerjem
- Supahub — Mehka dnevna svetloba na vijoličnem grebenu. Večinoma belo, zračno platno, osvetljeno z enim samim svetlo vijoličnim soncem, z dekorativnimi gradientnimi kroglami, ki prelivajo barvo v negativni prostor, in velikodušno zaobljeno geometrijo, ki daje vsaki površini prijetno, otipljivo težo.
- Raycast — Polnočni poveljniški center, Coral Neon
- Dimension — delovna postaja z osvetlitvijo v mraku in matiranimi steklenimi ploščami
- Wiza — Observatorij za raziskovanje mineralov v mraku, zavit v sivkino meglico.
- Paste — Jantarna svetilka na belem marmorju – topel gradientni logotip blagovne znamke lebdi v prostranem belem prostoru, kot edino osvetljeno okno v zasneženi stavbi.
- Reworkd — Mehka dnevna svetloba na diagramu izdelka je edina barva, ki govori sama zase, to je akcijski gumb in gradientni naslov nad njim.
- Reflect Notes — Zvezdno vijoličen prostor je temen observatorij, kjer note lebdijo kot ozvezdja na ozadju skoraj črne indigo praznine.
- Ameba — Kontrolna soba ob polnoči – električno moder utrip znotraj matiranih steklenih plošč
- Todoist — Sončno osvetljen delovni prostor s papirnatim dnevnikom – toplo kremna miza, zapiski s črnilom, eno rdeče pisalo