Huly
Šiaurės pašvaistė Vidurnakčio observatorijoje – pagrindinis veikėjas yra vertikalus violetinis spindulys, blėstantis į koralus, o kiekviena tyli atkarpa po juo perteikia tą pačią dvispalvę istoriją, papasakotą santūresniu tonu.
„Huly“ sukuria kosminės darbo vietos atmosferą: beveik juoda drobė su vienu violetinio-gintaro spalvos švytėjimu, kertantį pagrindinį elementą, ir po juo – santūresnis tinklelis, skirtas didesniam produktyvumui. Sistema veikia siaurame spalvų diapazone – viena ryškiai mėlyna ir viena koralų spalvos atlieka visą prekės ženklo kūrimo darbą ant sluoksniuotų grafito paviršių, todėl tamsus režimas niekada nejaučia neutralumo. Tipografija yra „Inter“ stiliaus viskam, kas funkcionalu, su pasirinktiniu šriftu („Esbuild“), skirtu pagrindiniams taškams, kurio žingsnis yra 80–84 pikselių ir agresyvūs neigiami raidžių tarpai. Komponentai yra kapsulės formos: 9999 pikselių spinduliai valdikliuose, 12 pikselių kortelėse, minimalus šešėlis ir švytinčios gradiento linijos kaip pagrindinė dekoracija. Puslapyje kaitaliojasi viso puslapio tamsios sritys ir ramios šviesios dalys, todėl bet kuris naujas ekranas turėtų nuspręsti dėl režimo prieš pasirinkdami spalvas.
Viso pločio pagrindiniame puslapyje pavaizduotas vertikalus šiaurės pašvaistės spindulys ir kairėje lygiuota antraštė, o apačioje dešinėje – produkto ekrano kopija. Po pagrindiniu puslapiu yra maksimalaus pločio – 1200 pikselių – turinio sritis su pakaitomis tamsiomis ir šviesiomis juostelėmis. Kiekviena dalis yra vienas vertikalus blokas: antraštė ir 3 arba 4 stulpelių kortelių tinklelis, atskirtas 96 pikselių tarpais. „MetaBrain“ dalis skaido tinklelį centruota antrašte ir įvairaus dydžio kortelių mozaika (didelė pagrindinė kortelė ir mažesnės pagalbinės kortelės). Puslapyje gausu turinio, laikantis SaaS standartų, tačiau naudojamos pakaitomis tamsios ir šviesios juostelės, kad kiekviena dalis turėtų erdvės „kvėpuoti“. Navigacija yra viena permatoma viršutinė juosta, kuri slenkant tampa nepermatoma.
Pagrindinis elementas yra grynas pašvaistės gradientas be nuotraukų. Visos iliustracijos yra tikros produkto vartotojo sąsajos ekrano kopijos („Kanban“ tamsiuoju režimu, gautieji, kalendorius), įrėmintos kortelių rėmeliuose, kurie tarnauja ir kaip įrodymas, ir kaip dekoracija. Jokių gyvenimo būdo nuotraukų, jokių nuotraukų iš archyvo, jokių 3D vizualizacijų. Vienintelis vizualinis elementas, nesusijęs su vartotojo sąsaja, yra šiltas, radialinis saulės spindesys pašvaistės apačioje, perteiktas kaip CSS gradientas. Piktogramos yra vienspalvės linijų piktogramos su kodu #95979 arba baltos, niekada ne daugiaspalvės. Sistema savo tamsią vartotojo sąsają laiko pagrindiniu elementu – produktas yra nuotraukos.
Paletė
Prekės ženklas
- Electric Iris
#5683da— Pagrindinis fonas, aktyvios navigacijos indikatorius ir ryškus šiaurės pašvaistės akcentas – ryški violetinė mėlyna spalva juodame fone – sukuria įsitraukimo, o ne įmonės veiklos įspūdį. - Ember Pulse
#ff8964— Antrinis akcentas, šilta šiaurės pašvaistės zona, pranešimų taškas ir iliustracijos akcentas – gintaro atspalvis, kuris nutraukia mėlynos spalvos blaivumą ir suteikia spinduliui šilumos.
Neutralus
- Obsidian Canvas
#303236— Puslapio fonas, dominuojantis paviršius, yra beveik juodos spalvos su lengvu šilumos atspalviu – standartinė aplinka visam turiniui. - Void
#090a0c— Giliausias paviršiaus sluoksnis, skirtas gradientams pagrindiniame ekrane, modaliniams fonams ir rėmeliams, kurie turėtų susilieti su drobe. - Charcoal Card
#111111— Pakelti paviršiai, pagaminti iš kartono ir plokščių, išdėstyti vienu laipteliu virš drobės. - Slate Edge
#4a4b50— Subtilūs kraštai ir skirtukai ant tamsių paviršių - Iron Veil
#6b6c6d— Pritemdytas žymų, sąrašo elementų užpildymų ir išjungtų užpildymų fonas. - Smoke
#95979e— Piktogramų kontūrai, papildomas tekstas ir neaktyvūs valdikliai yra pagrindiniai darbiniai elementai, pažymėti vidutinės pilkos spalvos spalva.
Tipografija
nuo 11 iki 80 pikselių · 8 žingsniai
- Inter — pakeitimas: DM Sans · kontūrai 300, 400, 500, 600, 700 · Visas funkcinis vartotojo sąsajos tekstas – pagrindinis tekstas, naršymo juosta, mygtukai, sąrašo elementai, etiketės ir mažos antraštės – naudojamas su 500–600 šrifto storiu paryškinimui, 400 – pagrindiniam tekstui ir 300 – retais atvejais, kad būtų rodomi nepastebimi metaduomenys.
- Esbuild — pakeitimas: Sora · kontūrai 400, 500, 600 · Tik rodyti: įžanginiai pavadinimai, skyrių antraštės ir „MetaBrain“ straipsnių pavadinimai. Suspausta geometrija ir griežti tarpai tarp raidžių sukuria įspūdį, kad 84 pikseliai labiau tinka redakciniam darbui nei SaaS projektams. Niekada nenaudokite mažesnio nei 28 pikseliai dydžio.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 12px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 12px |
| Šešėliai | švelnūs šešėliai |
| Tarp sekcijų | 96px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Huly stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- monday — Baltos dirbtuvės su pasteliniais lipdukais
- Slack — Scena nudažyta baklažanų spalva su baltais prožektoriais. Tamsiose vietose dominuoja sodri slyvų spalva, o balkšva drobė leidžia laisvai kvėpuoti dideliems, avangardiniams titrams.
- Base44 — Saulės apšviestas užrašų sąsiuvinis su kalkių žymekliu
- Supahub — Švelni dienos šviesa ant purpurinio kalnagūbrio. Dažniausiai balta, erdvi drobė, apšviesta vienos ryškiai purpurinės saulės, su dekoratyvinėmis gradientinėmis sferomis, skleidžiančiomis spalvas neigiamoje erdvėje, ir dosnia apvalia geometrija, suteikiančia kiekvienam paviršiui malonų, apčiuopiamą sunkumą.
- Raycast — Vidurnakčio komandų centras, Koralų Neonas
- Dimension — prieblandoje apšviesta darbo vieta su matinio stiklo plokštėmis
- Wiza — Mineralų žvalgybos observatorija sutemus, apgaubta levandų rūko.
- Paste — Gintaro spalvos žibintas ant balto marmuro – šiltų spalvų prekės ženklo logotipas kybo didžiulėje baltoje erdvėje, tarsi vienintelis apšviestas langas sniegu padengtame pastate.
- Reworkd — Švelni dienos šviesa produkto diagramoje yra vienintelė spalva, kuri kalba pati už save – tai veiksmo mygtukas ir gradiento antraštė virš jo.
- Reflect Notes — Žvaigždėta violetinė erdvė yra tamsi observatorija, kurioje natos sklando tarsi žvaigždynai beveik juodos indigo tuštumos fone.
- Ameba — Valdymo kambarys vidurnaktį – elektrinė mėlyna šviesa matinio stiklo plokštėse
- Todoist — Saulės apšviesta darbo vieta su popieriniu dienoraščiu – šilto kreminio atspalvio stalu, rašalo užrašais, vienu raudonu rašikliu