ThoughtLab
Obsidiánový monument s karmínovočerveným signálom. Plátno čiernej prázdnoty, kde jediným sýtym červeným objektom v katedrále, vytlačeným veľkými bielymi písmenami, je jedna chromatická postava.
ThoughtLab funguje ako dizajnový jazyk Čiernej katedrály: prázdne čierne plátno, jediný červený pulz a typografia taká veľká, že funguje ako architektúra. Systém je takmer úplne achromatický – #cccccc predstavuje telo, #ffffff predstavuje displej – pričom #fc1c46 sa objavuje iba pre jednu primárnu akciu, ako kontrolovaný nárast napätia na pozadí prázdnoty. Hierarchia je budovaná ostrými skokmi v mierke (198px → 14px), a nie farbou, tieňmi alebo výplňami. Komponenty sú beztiažové: priehľadné karty, tlačidlá v tvare tabletky, tenké vstupné polia, absencia zvýšeného stohovania – stránka dýcha cez negatívny priestor a husto zabalené veľké písmená, a nie cez kontajnery.
Celú šírku stránky zaberá tmavé plátno so širokými horizontálnymi okrajmi (126 px na každej strane, čím sa stĺpec s obsahom posúva na približne 1400 px). Hlavička tvorí jeden riadok so šírkou 72 px: logo vľavo, slogan v strede, tlačidlo s výzvou na akciu v tvare tabletky a hamburger bar vpravo. Hlavný hrdina je rozdelená kompozícia – nadrozmerný nadpis s veľkosťou 198 px, napísaný veľkými písmenami, vľavo s podporným textom 18 px pod ním, zatiaľ čo 3D guľa prekrýva text napravo od stredu a čiastočne ho „pohlcuje“. Pod hlavným hrdinom sú sekcie usporiadané v priestrannom vertikálnom rytme s medzerami 86 – 108 px medzi nimi. Prvky diela sú zobrazené ako zoznam, ktorý zaberá takmer celú šírku stránky, a nie ako mriežka kariet. Nie je tu žiadny bočný panel, žiadne mega menu ani päta so stĺpcovou mriežkou – päta je jeden, tichý riadok s informáciami o autorských právach a kontaktnými informáciami #4c4c4c. Navigácia za hlavičkou sa spustí ako hamburgerové menu v prekrytí na celú obrazovku.
Obrázky sú riedke a zámerne kurátorsky vybrané. Dominantným vizuálnym prvkom je veľká guľa obsidiánovej tekutiny, vykreslená vo WebGL – tmavý, takmer čierny 3D tvar s jemnými modrými a jantárovými odleskami pozdĺž okraja, vznášajúci sa na čiernom pozadí a čiastočne prekrývajúci názov. Funguje skôr ako ikonografia značky než ilustrácia. Miniatúry projektov sa zobrazujú ako fotografie alebo videá vo vertikálnom zozname, prezentované od okraja po okraj bez okraja. Žiadne fotografie životného štýlu, žiadne obrázky z fotobanky, žiadne dekoratívne prechody. Guľa a text sú jedinými vizuálnymi prvkami na stránke.
Paleta
Značka
- Crimson Signal
#fc1c46— Hlavným akcentom je jeden červený prvok; objavuje sa na karte „Kontakty“, v logu značky a nikde inde. Jeho vzácnosť je spôsobená špecifikami dizajnu.
Neutrálny
- Void
#000000— Pozadie stránky, plátno, je absolútnym základom, na ktorom plávajú všetky ostatné prvky. - Ash
#cccccc— Hlavný a odkazový text, predvolený tón textu na čiernom plátne – zvolený namiesto čisto bielej na zjemnenie optického odlesku. - Frost
#ffffff— Zobrazovanie nadpisov, textu tlačidiel, textu vstupných polí a značiek je najvýraznejšou úrovňou určenou pre obsah, ktorý by mal byť lineárny. - Graphite
#4c4c4c— Autorské práva, meta tagy, pomocný text - zámerne stlmené, aby nekonkurovali hlavnému textu.
Typografia
od 10 do 198px · 7 krokov
- sui — náhrada: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · obrysy 300, 400, 500, 700 · Jedno písmo. Sui je na mieru navrhnuté geometrické bezpätkové písmo používané pre všetko od 198px pre nadpisy až po 10px pre popisky. Hmotnosť 700 je vyhradená pre monumentálne nadpisy a veľké názvy; hmotnosť 400 sa používa pre zvyšok systému. Kontrast medzi tučným a bežným písmom je primárnym systémom písma; druhá rodina nie je potrebná.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 9px |
| Polomer tlačidla | 9999px |
| Polomer karty | 0px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 86-108px |
| Šírka stránky | 1400px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle ThoughtLab a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Vivid+Co — prizmatické svetlo cez obsidián
- Sequel — Súkromné premietanie po zotmení je jediným teplým svetlom v inak tmavom kine.
- Dovetail — Plán pod čiernym mesiacom - sotva viditeľné čiary grafu, biele písmo, jedna fialová iskra
- MekaVerse — Monochromatická galéria digitálnych artefaktov – súvislá čierna prázdnota, kde vykreslený svet visí ako múzejný exponát a celé používateľské rozhranie je napísané bielym atramentom na matnom čiernom skle.
- Krea — galéria noir o polnoci
- Factory — Terminál „vojenskej miestnosti“ o polnoci. „Továreň“ je strohý čierny ovládací panel, kde pristane jediná biela karta ako rozoslanie osvetlené baterkou – jediným predmetom v miestnosti je samotné dielo.
- basement — Prázdny tlačiarenský stroj o 3:00 ráno – obrovské, stlačené písma rozprestierajúce sa v úplnej tme, jediný záblesk oranžového svetla na navigačnom paneli, všetko ostatné biele alebo strašidelne sivé.
- Stink Studios — Filmové štúdio o polnoci - projektor hučí, miestnosť je tmavá, svieti iba film
- Apple (España) — čierne divadlo s osvetlenými prvkami
- Charlie — Typografia vytesaná z kláštorného kameňa na obsidiáne. Portfólio, v ktorom jediná červená stena vytvára ohlušujúce ticho.
- Rive — Vysoko presné nočné videnie. Rozhranie je vybavené špeciálnym objektívom, ktorý preniká tmou a zaostruje na technické detaily s absolútnou jasnosťou.
- Datalands — Čierna katedrála s jediným neónovým pulzom. Logo vypĺňa loď; všetko ostatné je sotva počuteľný text pod ním.