Huly
Ziemeļblāzma Pusnakts observatorijā — galvenais varonis ir vertikāls purpursarkans stars, kas izgaist koraļļos, un katra klusā daļa zem tā aizņemas to pašu divtoņu stāstu, kas izstāstīts klusākā tonī.
Huly rada kosmiskas darba telpas atmosfēru: gandrīz melns audekls ar vienu violeti dzintara krāsas mirdzumu, kas šķeļ galveno elementu, un zem tā atrodas maigāks režģis produktivitātes palielināšanai. Sistēma darbojas šaurā krāsu diapazonā — viena spilgti zila un viena koraļļu krāsa veic visu zīmola veidošanas darbu uz slāņainām grafīta virsmām, tāpēc tumšais režīms nekad nešķiet neitrāls. Tipogrāfija ir Inter stilā visam funkcionālajam, ar pielāgotu fontu (Esbuild), kas rezervēts galvenajiem punktiem, ar 80–84 pikseļu soli un agresīvu negatīvu burtu atstarpi. Komponenti ir kapsulas formas: 9999 pikseļu rādiusi vadības elementiem, 12 pikseļi uz kartītēm, minimāla ēna un mirdzošas gradienta līnijas kā galvenā dekorācija. Lapā mainās visas lapas tumšās zonas un mierīgi gaišās sadaļas, tāpēc jebkuram jaunam ekrānam pirms krāsu izvēles ir jāizlemj par režīmu.
Pilna platuma sākumlapā ir vertikāls ziemeļblāzmas stars un pa kreisi izlīdzināts virsraksts, kā arī produkta ekrānuzņēmums apakšējā labajā stūrī. Zem sākumlapas ir satura apgabals ar maksimālo platumu 1200 pikseļi, kurā pārmaiņus attēlotas tumšas un gaišas svītras. Katra sadaļa ir viens vertikāls bloks: galvene plus 3 vai 4 kolonnu režģis ar kartītēm, kas atdalītas ar 96 pikseļu atstarpēm. Sadaļa "MetaBrain" pārtrauc režģi ar centrētu virsrakstu un dažāda izmēra kartīšu mozaīku (liela galvenā karte plus mazākas palīgkartītes). Lapa ir piesātināta ar saturu, ievērojot SaaS standartus, taču tiek izmantotas pārmaiņus tumšas un gaišas svītras, lai katrai sadaļai būtu vieta “elpot”. Navigācija ir viena caurspīdīga augšējā josla, kas ritinot kļūst necaurspīdīga.
Galvenais elements ir tīra ziemeļblāzmas gradients bez fotogrāfijām. Visas ilustrācijas ir faktiski produkta lietotāja interfeisa ekrānuzņēmumi (Kanban tumšajā režīmā, iesūtne, kalendārs), ierāmēti karšu rāmjos, kas kalpo gan kā pierādījumi, gan dekorācija. Nav dzīvesstila fotoattēlu, nav attēlu krājuma, nav 3D renderējumu. Vienīgais vizuālais elements, kas nav saistīts ar lietotāja interfeisu, ir silts, radiāls saules spīdums ziemeļblāzmas pamatnē, kas atveidots kā CSS gradients. Ikonas ir vienkrāsainas līniju ikonas ar krāsu #95979 vai baltas, nekad nav daudzkrāsainas. Sistēma uzskata savu tumšo lietotāja interfeisu par galveno elementu — produkts ir fotogrāfijas.
Palete
Zīmols
- Electric Iris
#5683da— Galvenais fons, aktīvās navigācijas indikators un pārsteidzošais ziemeļblāzmas akcents — spilgti violeti zila krāsa uz melna fona — rada iesaistes, nevis korporatīvas aktivitātes iespaidu. - Ember Pulse
#ff8964— Otrreizējs akcents, silta ziemeļblāzmas zona, paziņojumu punkts un ilustrācijas izcēlums — dzintara nokrāsa, kas pārtrauc zilās krāsas skaidrību un piešķir staram siltumu.
Neitrāls
- Obsidian Canvas
#303236— Lapas fons, dominējošā virsma, ir gandrīz melna ar nelielu siltuma pieskaņu, kas ir standarta vide visam saturam. - Void
#090a0c— Dziļākais virsmas slānis gradientiem galvenajā ekrānā, modālajiem foniem un rāmjiem, kuriem jāsaplūst ar audeklu. - Charcoal Card
#111111— Paceltas virsmas, kas izgatavotas no kartona un paneļiem, novietotas vienu pakāpienu virs audekla. - Slate Edge
#4a4b50— Smalkas robežas un atdalītāji uz tumšām virsmām - Iron Veil
#6b6c6d— Blāvāks fons tagiem, saraksta elementu aizpildījumiem un atspējotiem aizpildījumiem. - Smoke
#95979e— Ikonu kontūras, papildu teksts un neaktīvās vadīklas ir galvenie darba elementi vidēji pelēkā krāsā.
Tipogrāfija
no 11 līdz 80 pikseļiem · 8 soļi
- Inter — nomaiņa: DM Sans · kontūras 300, 400, 500, 600, 700 · Viss lietotāja saskarnes funkcionālais teksts — pamatteksts, navigācija, pogas, sarakstu elementi, etiķetes un mazie virsraksti — tiek izmantots ar fonta biezumu 500–600 izcelšanai, 400 pamatteksta un 300 ar nelielu fonta biezumu neuzkrītošiem metadatiem.
- Esbuild — nomaiņa: Sora · kontūras 400, 500, 600 · Tikai displejam: ievadvirsraksti, sadaļu virsraksti un MetaBrain rakstu virsraksti. Sablīvēta ģeometrija un ciešā burtu atstarpe rada iespaidu, ka 84 pikseļi ir piemērotāki redakcionālam darbam, nevis SaaS projektiem. Nekad neizmantojiet mazāk par 28 pikseļiem.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | plašs |
| Pamata solis | 12px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 12px |
| Ēnas | mīkstas ēnas |
| Starp sekcijām | 96px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Huly stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- monday — Balta darbnīca ar pasteļtoņu uzlīmēm
- Slack — Skatuve ir baklažānu krāsā ar baltiem prožektoriem. Tumšajās zonās dominē piesātināta plūmju nokrāsa, savukārt netīri baltais audekls ļauj brīvi elpot lielajiem, avangarda nosaukumiem.
- Base44 — Saules apspīdēta piezīmju grāmatiņa ar kaļķa marķieri
- Supahub — Maiga dienasgaisma uz purpursarkanas kores. Lielākoties balts, gaisīgs audekls, ko apgaismo viena spilgti purpursarkana saule, ar dekoratīvām gradienta sfērām, kas izlej krāsu negatīvajā telpā, un dāsna noapaļota ģeometrija, kas katrai virsmai piešķir patīkamu, taustāmu smagumu.
- Raycast — Pusnakts komandcentrs, Koraļļu neons
- Dimension — krēslā apgaismota darbstacija ar matēta stikla paneļiem
- Wiza — Derīgo izrakteņu izpētes observatorija krēslā, ietīta lavandas miglā.
- Paste — Dzintara laterna uz balta marmora — zīmola siltā gradienta logotips virmo plašajā baltajā telpā, līdzīgi kā vienīgais apgaismotais logs sniegā klātā ēkā.
- Reworkd — Produkta diagrammā redzamā maigā dienasgaisma ir vienīgā krāsa, kas pati par sevi runā – tā ir darbības poga un gradienta virsraksts virs tās.
- Reflect Notes — Zvaigžņotā violetā telpa ir tumša observatorija, kur notis peld kā zvaigznāji uz gandrīz melna indigo tukšuma fona.
- Ameba — Vadības telpa pusnaktī – elektriski zils pulss matēta stikla paneļos
- Todoist — Saules apspīdēta darba vieta ar papīra dienasgrāmatu — silta krēmkrāsas rakstāmgaldu, tintes piezīmēm, vienu sarkanu pildspalvu