Huly
Norðurljósaskoðunarstöðin við miðnætti - aðalpersónan er lóðréttur fjólublár geisli sem hverfur í kóral, og hver kyrrlátur hluti fyrir neðan hann fær sömu tvílitu söguna að láni, sögð í mildari tón.
Huly vekur upp stemningu eins og í alheimsvinnurými: næstum svartur strigi með einum fjólubláum-gulbrúnum ljóma sem sker sig í gegnum aðalþáttinn, og fyrir neðan hann, daufara rist fyrir aukna framleiðni. Kerfið starfar innan þröngs litabils - einn skærblár og einn kóralllitur sjá um allt vörumerkjavinnuna á móti lagskiptum grafítyfirborðum, þannig að dökka stillingin virðist aldrei hlutlaus. Leturgerðin er Inter-stíll fyrir allt sem er hagnýtt, með sérsniðnu letri (Esbuild) fráteknu fyrir lykilatriði, með 80–84px bili og árásargjarnu neikvæðu bili. Íhlutirnir eru hylkislaga: 9999px radíus á stýringum, 12px á kortum, lágmarks skuggi og glóandi litbrigði sem aðalskreyting. Síðan skiptist á milli dökkra svæða sem ná yfir heila síðu og rólegra ljósra hluta, þannig að allir nýir skjáir ættu að ákveða stillinguna áður en litir eru valdir.
Heimasíðan í fullri breidd sýnir lóðréttan geisla norðurljósa og vinstrijafnaða fyrirsögn, ásamt skjámynd af vörunni neðst til hægri. Fyrir neðan heimasíðuna er efnissvæði með hámarksbreidd, 1200px, með til skiptis dökkum og ljósum röndum. Hver hluti er einn lóðréttur blokk: haus ásamt 3- eða 4-dálka rist af kortum aðskilin með 96px bilum. „MetaBrain“ hlutinn brýtur ristina með miðjuðri fyrirsögn og mósaík af kortum af mismunandi stærðum (stórt aðalkort ásamt minni stuðningskortum). Síðan er innihaldsrík, í samræmi við SaaS staðla, en notar til skiptis dökkar og ljósar rendur til að gefa hverjum hluta svigrúm til að anda. Leiðsögnin er ein gegnsæ efri stika sem dofnar í ógegnsæja þegar þú flettir.
Aðalþátturinn er hreinn norðurljósalitbrigði, án ljósmynda. Allar myndskreytingar eru raunveruleg skjáskot af notendaviðmóti vörunnar (Kanban í dökkum ham, pósthólfi, dagatali), rammaðar inn í kortaramma sem þjóna bæði sem sönnunargagn og skraut. Engar lífsstílsmyndir, engar lagermyndir, engar þrívíddarmyndir. Eini sjónræni þátturinn sem tengist ekki notendaviðmótinu er hlýr, geislamyndaður sólargeisli við botn norðurljósanna, birtur sem CSS litbrigði. Táknmyndir eru einlita línutákn í #95979 eða hvítum, aldrei marglitum. Kerfið meðhöndlar sitt eigið dökka notendaviðmót sem aðalþátt — varan eru ljósmyndirnar.
Litatöflu
Vörumerki
- Electric Iris
#5683da— Aðalbakgrunnurinn, virk leiðsöguvísir og áberandi norðurljósaáherslan — skærfjólublár litur á kolsvörtum bakgrunni — skapa frekar tilfinningu um þátttöku en fyrirtækjavirkni. - Ember Pulse
#ff8964— Aukaáhersla, hlýtt norðurljósasvæði, tilkynningarpunktur og teiknandi hápunktur — gulbrúnn litur sem brýtur niður blámann og bætir við hlýju geislanum.
Hlutlaus
- Obsidian Canvas
#303236— Bakgrunnur síðunnar, ríkjandi yfirborð, er næstum svartur litur með örlitlum hlýjum blæ, sem er staðlað umhverfi fyrir allt efni. - Void
#090a0c— Dýpsta yfirborðslagið fyrir litbrigði á aðalskjánum, bakgrunnsmyndir og ramma sem eiga að falla að striganum. - Charcoal Card
#111111— Upphækkaðar fletir úr pappa og spjöldum, staðsettar einu þrepi fyrir ofan strigann. - Slate Edge
#4a4b50— Fínlegir rammar og skilrúm á dökkum fleti - Iron Veil
#6b6c6d— Dimmur bakgrunnur fyrir merki, fyllingar á listaatriðum og óvirkar fyllingar. - Smoke
#95979e— Útlínur tákna, viðbótartexti og óvirkir stýringar eru aðalvirku þættirnir í miðgráum lit.
Leturfræði
frá 11 til 80px · 8 skref
- Inter — skipti: DM Sans · útlínur 300, 400, 500, 600, 700 · Allur virkur texti í notendaviðmótinu — megintexti, leiðsögn, hnappar, listaatriði, merkimiðar og litlar fyrirsagnir — er notaður með leturþyngd upp á 500–600 fyrir áherslur, 400 fyrir megintexta og 300 sparlega fyrir óáberandi lýsigögn.
- Esbuild — skipti: Sora · útlínur 400, 500, 600 · Aðeins til birtingar: Skýjatitlar, kaflafyrirsagnir og MetaBrain greinatitlar. Þétt rúmfræði og þröngt bil á stafi gefa þá mynd að 84px henti betur fyrir ritstjórnarvinnu en SaaS verkefni. Notið aldrei minna en 28px.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | rúmgóð |
| Grunnskref | 12px |
| Hnapparadíus | 9999px |
| Radíus korts | 12px |
| Skuggar | mjúkir skuggar |
| Milli hluta | 96px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Huly og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- monday — Hvítt verkstæði með pastel límmiðum
- Slack — Sviðið er eggaldinlitað með hvítum kastljósum. Dökkur plómulita tónn ræður ríkjum á dökkum svæðum, en beinhvítur strigi leyfir stórum, framsæknum titlum að anda frjálslega.
- Base44 — Sólbjört minnisbók með kalkpenna
- Supahub — Mjúkt dagsbirta á fjólubláum hrygg. Að mestu leyti hvítt, loftkennt strigi upplýst af einni skærfjólublári sól, með skrautlegum litbrigðum sem hella litum út í neikvæða rýmið og rausnarlegri ávölri rúmfræði sem gefur hverju yfirborði skemmtilega og áþreifanlega þyngsli.
- Raycast — Miðnættis stjórnstöð, Coral Neon
- Dimension — vinnustöð með upplýstum glerplötum í rökkrinu
- Wiza — Stjörnustöð fyrir steinefnaleit í rökkri, hulin lavenderþoku.
- Paste — Gulbrúnn lukt á hvítum marmara — hlýtt litbrigðamerki vörumerkisins svífur í víðáttumiklu hvítu rýminu, eins og eini upplýsti glugginn í snæviþöktu byggingu.
- Reworkd — Mjúka dagsbirtan á vörumyndinni er eini liturinn sem talar sínu máli, það er aðgerðahnappurinn og litbrigðafyrirsögnin fyrir ofan hann.
- Reflect Notes — Stjörnuhjúpað fjólublátt geim er dimmt stjörnustöð þar sem nótur svífa eins og stjörnumerki á bakgrunni næstum svarts indigó-tómleika.
- Ameba — Stjórnstöðin um miðnætti – rafblár púls innan í mattri glerplötum
- Todoist — Sólbjart vinnusvæði með pappírsdagbók – hlýju kremlituðu skrifborði, blekglósur, einum rauðum penna