ThoughtLab
Obsidiano paminklas su tamsiai raudonu signalu. Juodos tuštumos drobė, kur vienintelis sodriai raudonas objektas katedroje, atspausdintas didelėmis baltomis raidėmis, yra viena chromatinė figūra.
„ThoughtLab“ veikia kaip „Juodosios katedros“ dizaino kalba: tuščia juoda drobė, vienas raudonas pulsas ir tokia didelė tipografija, kad ji funkcionuoja kaip architektūra. Sistema yra beveik visiškai achromatinė – #cccccc žymi kūną, #ffffff – vaizdą, o #fc1c46 pasirodo tik vienam pagrindiniam veiksmui, kaip kontroliuojamas įtampos antplūdis tuštumos fone. Hierarchija kuriama naudojant staigius mastelio šuolius (198 pikseliai → 14 pikselių), o ne per spalvas, šešėlius ar užpildus. Komponentai yra nesvarūs: skaidrios kortelės, piliulės formos mygtukai, ploni įvesties laukai, nėra pakelto krūvelės išdėstymo – puslapis kvėpuoja per neigiamą erdvę ir tankiai supakuotas didžiąsias raides, o ne per konteinerius.
Tamsi drobė dengia visą puslapio plotį su plačiomis horizontaliomis paraštėmis (126 pikseliai iš kiekvienos pusės, todėl turinio stulpelis yra maždaug 1400 pikselių). Antraštė yra viena 72 pikselių eilutė: logotipas kairėje, šūkis centre, piliulės formos raginimo veikti mygtukas ir mėsainių baras dešinėje. Pagrindinis veikėjas yra padalinta kompozicija – didelė 198 pikselių antraštė, parašyta didžiosiomis raidėmis kairėje, su 18 pikselių apatiniu tekstu apačioje, o 3D sfera perdengia tekstą dešinėje nuo centro, jį iš dalies „suvalgydama“. Po pagrindiniu veikėju skyriai išdėstyti erdviu vertikaliu ritmu su 86–108 pikselių tarpais tarp jų. Kūrinio elementai rodomi kaip sąrašas, užimantis beveik visą puslapio plotį, o ne kaip kortelių tinklelis. Nėra šoninės juostos, nėra mega meniu, nėra poraštės su stulpelių tinkleliu – poraštė yra viena, rami eilutė su autorių teisių informacija ir kontaktine informacija #4c4c4c. Navigacija už antraštės paleidžiama kaip mėsainių meniu viso ekrano perdengime.
Vaizdai reti ir sąmoningai kuruojami. Dominuojantis vizualinis elementas yra didelė obsidiano skysčio sfera, perteikta naudojant „WebGL“ – tamsi, beveik juoda, 3D forma su subtiliais mėlynos ir gintaro spalvos atspindžiais palei kraštą, plūduriuojanti juodame fone ir iš dalies persidengianti su pavadinimu. Ji labiau funkcionuoja kaip prekės ženklo ikonografija nei iliustracija. Projektų miniatiūros rodomos kaip nuotraukos arba vaizdo įrašai vertikaliame sąraše, pateikiami nuo krašto iki krašto be rėmelio. Jokių gyvenimo būdo nuotraukų, jokių nuotraukų iš archyvo, jokių dekoratyvinių gradientų. Sfera ir šriftas yra vieninteliai vizualiniai elementai puslapyje.
Paletė
Prekės ženklas
- Crimson Signal
#fc1c46— Pagrindinis akcentas – vienas raudonas elementas; jis rodomas skirtuke „Kontaktai“, prekės ženklo logotipe ir niekur kitur. Jo retumas atsiranda dėl dizaino specifikos.
Neutralus
- Void
#000000— Puslapio fonas, drobė, yra absoliutus pagrindas, ant kurio juda visi kiti elementai. - Ash
#cccccc— Pagrindinis ir nuorodos tekstas, numatytasis teksto tonas ant juodos drobės – pasirinktas vietoj grynos baltos spalvos, siekiant sušvelninti optinį blizgesį. - Frost
#ffffff— Antraščių, mygtuko teksto, įvesties lauko teksto ir žymėjimo rodymas yra svarbiausias lygis, skirtas turiniui, kuris turėtų būti linijinis. - Graphite
#4c4c4c— Autorių teisės, metažymės, pagalbinis tekstas – sąmoningai nutildyti, kad nekonkuruotų su pagrindiniu tekstu.
Tipografija
nuo 10 iki 198 pikselių · 7 žingsniai
- sui — pakeitimas: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · kontūrai 300, 400, 500, 700 · Vienas šriftas. „Sui“ yra specialiai sukurtas geometrinis šriftas be serifų, naudojamas viskam – nuo 198 pikselių antraštėms iki 10 pikselių subtitrams. 700 storio šriftas skirtas monumentalioms antraštėms ir dideliems pavadinimams; 400 storio šriftas naudojamas likusiai sistemos daliai. Kontrastas tarp paryškinto ir įprasto šrifto yra pagrindinė šriftų sistema; antros šeimos nereikia.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 9px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 86-108px |
| Puslapio plotis | 1400px |
Dirbtinis intelektas sukurs jūsų svetainę ThoughtLab 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
- Vivid+Co — prizminė šviesa per obsidianą
- Sequel — Privatus seansas po sutemų yra vienintelė šilta šviesa kitaip tamsiame kino teatre.
- Dovetail — Brėžinys po juodu mėnuliu – vos matomos grafiko linijos, baltas šriftas, vienas violetinis blizgutis
- MekaVerse — Monochrominė skaitmeninių artefaktų galerija – vientisa juoda tuštuma, kurioje perteiktas pasaulis kabo lyg muziejaus eksponatas, o visa vartotojo sąsaja – baltas rašalas ant matinio juodo stiklo.
- Krea — galerija noir vidurnaktį
- Factory — „Karo kambario“ terminalas vidurnaktį. „Gamykla“ – tai atšiauriai juodas valdymo skydelis, ant kurio nukrenta viena balta kortelė tarsi žibintuvėlio apšviesta žinutė – vienintelis objektas kambaryje yra pats darbas.
- basement — Tuščia spaustuvė 3 val. nakties – didžiuliai, suspausti šriftai, besidriekiantys aklinoje juodumoje, vienas oranžinės šviesos blyksnis naršymo juostoje, visa kita balta arba vaiduokliškai pilka.
- Stink Studios — Kino studija vidurnaktį – projektorius dūzgia, kambarys tamsus, šviečia tik filmas
- Apple (España) — juodas teatras su apšviestomis detalėmis
- Charlie — Iš vienuolyno akmens ant obsidiano iškalta tipografija. Portfelis, kuriame viena raudona siena sukuria kurtinantį tylos vaizdą.
- Rive — Didelio tikslumo naktinis matymas. Sąsaja turi specialų lęšį, kuris prasiskverbia pro tamsą ir leidžia absoliučiai aiškiai matyti technines detales.
- Datalands — Juoda katedra su vienu neoniniu pulsavimu. Logotipas užpildo navą; visa kita – vos girdimas tekstas apačioje.