Huly
Keskööobservatooriumis virmalised – peategelane on vertikaalne lilla kiir, mis hääbub korallitoonisse, ja iga vaikne osa sellest allpool laenab sama kahetoonilise loo, mis on jutustatud vaoshoitumas toonis.
Huly loob kosmilise tööruumi atmosfääri: peaaegu must lõuend, mille põhielementi läbistab üks violetse-merevaigukollane kuma, ja selle all on tootlikkuse suurendamiseks tagasihoidlikum ruudustik. Süsteem töötab kitsas värvivalikus – üks erk sinine ja üks korall teevad kogu brändingutöö kihiliste grafiitpindade taustal, seega ei tundu tume režiim kunagi neutraalne. Tüpograafia on Inter-stiilis kõige funktsionaalse jaoks, kohandatud fondiga (Esbuild) põhipunktide jaoks, mille samm on 80–84 pikslit ja tähevahe agressiivne negatiivne. Komponendid on kapslikujulised: juhtnuppude raadius on 9999 pikslit, kaartidel 12 pikslit, minimaalne vari ja peamise kaunistusena helendavad gradientjooned. Lehel vahelduvad täislehe tumedad alad ja rahulikud heledad sektsioonid, seega peaks iga uus ekraan enne värvide valimist režiimi otsustama.
Täislaiuses avalehel on vertikaalne virmaliste kiir ja vasakule joondatud pealkiri ning paremas alanurgas toote ekraanipilt. Avalehe all on maksimaalse laiusega sisuala, 1200 pikslit, vahelduvate tumedate ja heledate triipudega. Iga osa on üks vertikaalne plokk: päis ja 3- või 4-veeruline kaartide ruudustik, mis on eraldatud 96 piksli suuruste vahedega. „MetaBrain” osa katkestab ruudustiku tsentreeritud pealkirja ja erineva suurusega kaartide mosaiigiga (suur põhikaart ja väiksemad tugikaardid). Leht on sisurohke, järgides SaaS-standardeid, kuid kasutab vahelduvaid tumedaid ja heledaid triipe, et anda igale osale hingamisruumi. Navigeerimine on üks läbipaistev ülemine riba, mis kerimisel muutub läbipaistmatuks.
Põhielement on puhas virmaliste gradient, fotodeta. Kõik illustratsioonid on toote kasutajaliidese (Kanban tumedas režiimis, postkast, kalender) tegelikud ekraanipildid, mis on raamitud kaardiraamidesse, mis toimivad nii tõendina kui ka dekoratsioonina. Ei mingeid elustiilifotosid, pildipanga pilte ega 3D-renderdusi. Ainus visuaalne element, mis ei ole kasutajaliidesega seotud, on soe, radiaalne päikesekuma virmaliste aluses, mis on renderdatud CSS-gradiendina. Ikoonid on mustvalged joonikoonid värvitoonis #95979 või valged, mitte kunagi mitmevärvilised. Süsteem käsitleb omaenda tumedat kasutajaliidest põhielemendina – toode on fotod.
Palett
Bränd
- Electric Iris
#5683da— Peamine taust, aktiivse navigeerimise indikaator ja silmatorkav virmaliste aktsent – erk violetse-sinine värv süsimustal taustal – loovad pigem kaasatuse kui ettevõtte tegevuse mulje. - Ember Pulse
#ff8964— Teisene aktsent, soe virmaliste tsoon, teavituspunkt ja illustratsiooni esiletõst – merevaigukollane toon, mis lõhub sinise kainust ja lisab kiirele soojust.
Neutraalne
- Obsidian Canvas
#303236— Lehekülje taust, domineeriv pind, on peaaegu musta värvi kerge sooja varjundiga, mis on kogu sisu standardkeskkond. - Void
#090a0c— Põhiekraani gradientide, modaalsete taustade ja lõuendiga sulanduvate raamide sügavaim pinnakiht. - Charcoal Card
#111111— Papist ja paneelidest valmistatud tõstetud pinnad, mis on asetatud lõuendist ühe astme võrra kõrgemale. - Slate Edge
#4a4b50— Peened äärised ja eraldajad tumedatel pindadel - Iron Veil
#6b6c6d— Siltide, loendiüksuste täitete ja keelatud täitete tuhmunud taust. - Smoke
#95979e— Keskmise halli värvi peamised tööelemendid on ikoonide kontuurid, lisatekst ja mitteaktiivsed juhtnupud.
Tüpograafia
11-st 80 pikslini · 8 sammu
- Inter — asendamine: DM Sans · kontuurid 300, 400, 500, 600, 700 · Kogu kasutajaliidese funktsionaalne tekst – põhitekst, navigeerimine, nupud, loendiüksused, sildid ja väikesed pealkirjad – on rõhutamiseks kasutatud fondikaaluga 500–600, põhiteksti jaoks 400 ja märkamatute metaandmete jaoks vähesel määral 300.
- Esbuild — asendamine: Sora · kontuurid 400, 500, 600 · Ainult kuvamiseks: avalehe pealkirjad, jaotiste pealkirjad ja MetaBraini artiklite pealkirjad. Tihendatud geomeetria ja tihe tähevahe loovad mulje, et 84px sobib paremini toimetustööks kui SaaS-projektideks. Ärge kunagi kasutage alla 28px.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 12px |
| Nupu raadius | 9999px |
| Kaardi raadius | 12px |
| Varjud | pehmed varjud |
| Sektsioonide vahel | 96px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Huly stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- monday — Valge töötuba pastellkleebistega
- Slack — Lava on baklažaanikarva ja valgete prožektoritega. Tumedates alades domineerib sügav ploomikarva toon, samas kui valkjas lõuend laseb suurtel avangardsetel pealkirjadel vabalt hingata.
- Base44 — Päikesevalgustatud märkmik laimimarkeriga
- Supahub — Pehme päevavalgus lillal harjal. Ühe ereda lilla päikese poolt valgustatud enamasti valge, õhuline lõuend, mille dekoratiivsed gradientsfäärid valavad värvi negatiivsesse ruumi ja helde ümar geomeetria annab igale pinnale meeldiva, käegakatsutava raskuse.
- Raycast — Kesköö juhtimiskeskus, Coral Neon
- Dimension — hämaras valgustatud tööjaam mattklaasist paneelidega
- Wiza — Maavarade uurimise observatoorium videvikus, lavendliudusse mattunud.
- Paste — Valgel marmoril olev merevaigukollane latern – brändi sooja gradientlogo hõljub avaras valges ruumis nagu ainus valgustatud aken lumega kaetud hoones.
- Reworkd — Tootediagrammil olev pehme päevavalgus on ainus värv, mis enda eest räägib – see on toimingunupp ja selle kohal olev gradientpealkiri.
- Reflect Notes — Tähistaevas violetne kosmos on tume observatoorium, kus noodid hõljuvad nagu tähtkujud peaaegu musta indigosinise tühjuse taustal.
- Ameba — Keskööl asuv juhtimisruum – elektriline sinine pulseerimine mattklaasist paneelide sees
- Todoist — Päikesepaisteline tööruum paberpäevikuga – soe kreemikas laud, tindiga märkmed, üks punane pastakas