Dala
žvaigždynas, kybantis ant juodo aksomo
„Dala“ pristato tamsią erdvę, kurioje juodos tuštumos susitinka su vienu ryškiu violetiniu akcentu, kurį pertraukia gintaro spindesys. Tipografija yra monolitinė ir nesvari – 400 svorio šriftas „PPNeueMontreal“ dominuoja kiekvienoje antraštėje, būdamas per didelis (78–113 pikselių) su agresyviais neigiamais raidžių tarpais, todėl antraštės atrodo labiau skulptūriškos nei informatyvios. Vizualinis centras yra mažyčių, įvairiaspalvių trikampių dalelių žvaigždynas, sudarantis organišką smegenų formą, kuri tarnauja kaip prekės ženklo skiriamasis gestas: žinios vizualizuojamos kaip paskirstytas intelektas, o ne hierarchiniai duomenys. Išdėstymas atitinka erdvų dviejų stulpelių ritmą – per didelės, kairėje lygiuotos antraštės suporuotos su plačiu tekstu, plūduriuojančiu švariame juodame fone be skydelių, rėmelių ar kortelių. Komponentai sąmoningai sumažinti iki pačios svarbiausios formos: vienas violetinis tabletės mygtukas, paslėptos teksto nuorodos ir dideli teksto blokai.
Viso pločio sekcijos išdėstytos ant grynos juodos drobės, o maksimalus turinio plotis centre yra ~1280 pikselių. Pagrindinėje sekcijoje yra asimetriškas dviejų stulpelių išdėstymas: didelė kairėje pusėje lygiuota antraštė (113 pikselių), kurios pagrindinis tekstas ir raginimas veikti yra kairėje pusėje, o dešinėje pusėje – didžiulis „dalelių smegenų“ vizualizavimas. Vėlesnės sekcijos kaitaliojasi dviem stulpeliais (vaizdas kairėje / tekstas dešinėje, tada tekstas kairėje / vaizdas dešinėje), sukuriant zigzago skaitymo ritmą. Tarp sekcijų yra daug tarpų (60–120 pikselių vertikaliai). Nėra kortelių tinklelių, kainodaros lentelių ar kelių stulpelių funkcijų aprašymų – turinys išdėstytas erdviuose dviejų stulpelių teksto ir vaizdo blokuose. Navigacija yra minimalistinė permatoma viršutinė juosta be šoninės juostos ar mega meniu. Elementų tankis yra itin didelis – vienas ar du elementai kiekvienoje peržiūros srityje, niekada neperkrauti informacija.
Vizualinis dizainas yra visiškai procedūrinis ir abstraktus – nėra jokių nuotraukų, išskyrus komandos portretus. Prekės ženklo vizualinis identitetas yra tankus tūkstančių mažyčių, kontūruotų trikampių dalelių debesis, perteiktas pilnu, ryškiu spektru (violetinė, gintaro, turkio, violetinė, mėlyna), sudarant organišką smegenų / neuronų formą. Šis dalelių laukas yra animuotas ir tarnauja kaip pagrindinis vaizdas ir kaip prekės ženklo tapatybės elementas. Aplinkinės dalelės, mažesniu tankiu, juda puslapio fone. Trikampiai turi kontūrus, 1–2 pikselių linijos storį, ryškius kraštus ir sodrias, chromatines spalvas – niekada nepilkos spalvos. Komandos portretai rodomi kaip dideli, suapvalinti stačiakampiai (124 pikselių spinduliu) be jokių rėmelių ar persidengimų. Jokių produktų ekrano kopijų, jokių gyvenimo būdo nuotraukų, jokių 3D vizualizacijų – dalelių sistema YRA vizualinis prekės ženklas.
Paletė
Prekės ženklas
- Electric Iris
#8052ff— Pagrindiniai veiksmų mygtukai, logotipas ir prekės ženklo akcentai yra vienos sodrios violetinės spalvos, juodame fone signalizuojančios apie interaktyvumą ir prekės ženklo tapatybę.
Neutralus
- Void
#000000— Puslapio drobė, sekcijų fonai, neigiama erdvė – dominuojantis paviršius yra grynai juodas, o ne tamsiai pilkas, sukuriantis tuštumą, leidžiančią laisvai skleistis chromatiniams akcentams. - Bone White
#ffffff— Antraštės, pagrindinis tekstas, piktogramų užpildymas, aktyvi naršymo būsena – vienintelė tipografinė spalva, užtikrinanti maksimalią hierarchiją juodame fone. - Ash Gray
#9a9a9a— Subtilus naršymo tekstas, permatoma nuorodų spalva ir papildomos etiketės yra paslėptos už pagrindinio teksto, netampant nematomos. - Silver Mist
#bdbdbd— Papildomas tekstas, informacija antraštės lygmenyje – tyliausia ir lengviausia skaityti pilka spalva, skirta kontekstui paremti. - Saffron Spark
#ffb829— Teksto paryškinimas, nuorodų akcentavimas ir dėmesio patraukimas skyrybos ženklais – šilta geltona spalva violetiniame fone sukuria prekės ženklui chromatinę įtampą. - Deep Verdant
#15846e— Antrinis paviršiaus tonavimas, gradientinis logotipo sustojimas, pasireiškia kaip tamsesnis prekės ženklo gradiento kraštas ir vos pastebimi akcento perėjimai.
Tipografija
nuo 12 iki 113 pikselių · 10 žingsnių
- PPNeueMontreal — pakeitimas: Inter · kontūrai 200, 400, 600, 700 · Visuose vartotojo sąsajos kontekstuose naudojamas nuoseklus šriftas. Antraštėms, kurių dydžiai yra 78–113 pikselių, naudojamas 400 storio šriftas su -0,04em tarpais tarp raidžių – toks pat storis kaip ir pagrindiniam tekstui, tačiau didesnis mastelis sukuria hierarchiją. 200 storio šriftas (itin lengvas) skirtas 18 pikselių pagrindiniam tekstui; tai priklauso nuo prekės ženklo: dauguma dirbtinio intelekto / SaaS svetainių pagrindiniam tekstui naudoja 400, tačiau „Dala“ sumažina storį, kad pastraipos būtų erdvios ir neagresyvios. Navigacijai ir mažoms antraštėms naudojamas 600 storio šriftas su 14 pikselių tarpais tarp raidžių, 0,025em tarpais tarp raidžių ir vienomis didžiosiomis raidėmis. 400 naudojimas tiek 113 pikselių antraštėms, tiek 15 pikselių pagrindiniam tekstui yra neįprastas – tai rodo, kad prekės ženklas kurdamas hierarchiją remiasi masteliu, o ne svoriu.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 6-18px |
| Mygtuko spindulys | 24px |
| Kortelės spindulys | 24px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 60-120px |
| Puslapio plotis | 1280px |
Dirbtinis intelektas sukurs jūsų svetainę Dala 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
- Linear — vidurnakčio tikslumo instrumentas
- Resend — juodas aksomas su violetine neonine spalva
- Ciridae — Tuščias kambarys su pulsuojančių rusenančių žarijų žarijomis – beveik juoda katedra, kurioje vienintelis šiltas garsas yra plona rūdžių linija, o kiekvieną paviršių apibrėžia smulkios linijos, o ne šešėlis.
- Dovetail — Brėžinys po juodu mėnuliu – vos matomos grafiko linijos, baltas šriftas, vienas violetinis blizgutis
- Neon — Serverių patalpa po sutemų. Grynoji tamsa, kur vienintelė šviesa sklinda iš duomenų ir vartotojų sąveikos.
- Discord — Žaidimo pasaulis paslėptas už iššokančio pokalbių lango – kiekviena sekcija yra atskira aplinka su savo apšvietimu ir personažų rinkiniu.
- Aaru — Dalelių lauko observatorija vidurnaktį
- Atlas Card — Vidurnakčio skliautas su vieninteliu safyro spinduliu yra juodos kaip degutas platybė, kur svarbiausia yra gili elektrinė mėlyna spalva.
- Midjourney — Bioliuminescencinis terminalas vandenyno gelmėse. Jūrų gelmių pasaulis, kuriame intelektas vizualiai generuojamas ASCII srautais, o valdikliai atrodo kaip silpnai švytintys raštai.
- Checkly — Giliosios orbitos misijos valdymo centras
- Krea — galerija noir vidurnaktį
- Wope — „Wope“ yra purpurinio horizonto sąsaja. Įsivaizduokite tamsų observatorijos stalą, iš kurio iš po stiklo sklinda purpurinė šviesa.