ThoughtLab
Spomenik od opsidijana s grimiznim signalom. Platno crne praznine, gdje je jedini zasićeni crveni objekt u katedrali, otisnut velikim bijelim slovima, jedna kromatska figura.
ThoughtLab funkcionira poput dizajnerskog jezika Crne katedrale: prazno crno platno, jedan crveni puls i tipografija toliko velika da funkcionira kao arhitektura. Sustav je gotovo u potpunosti akromatski - #cccccc predstavlja tijelo, #ffffff predstavlja prikaz - s #fc1c46 koji se pojavljuje samo za jednu primarnu radnju, kao kontrolirani nalet napetosti na pozadini praznine. Hijerarhija se gradi oštrim skokovima skale (198px → 14px), a ne bojom, sjenama ili ispunama. Komponente su bestežinske: prozirne kartice, gumbi u obliku tableta, tanka polja za unos, odsutnost povišenog slaganja - stranica diše kroz negativni prostor i gusto zbijena velika slova, a ne kroz spremnike.
Tamno platno proteže se cijelom širinom stranice, sa širokim horizontalnim marginama (126px sa svake strane, pomičući stupac sadržaja na približno 1400px). Zaglavlje je jedan redak od 72px: logotip s lijeve strane, slogan u sredini, gumb s pozivom na akciju u obliku tablete i hamburger traka s desne strane. Junak je podijeljena kompozicija - predimenzionirani naslov od 198px velikim slovima s lijeve strane s pratećim tekstom 18px ispod, dok 3D sfera preklapa tekst desno od središta, djelomično ga "jedući". Ispod junaka, odjeljci su raspoređeni u prostranom vertikalnom ritmu s razmacima od 86-108px između njih. Elementi rada prikazani su kao popis, zauzimajući gotovo cijelu širinu stranice, a ne kao mreža kartica. Nema bočne trake, nema mega-izbornika, nema podnožja s mrežom stupaca - podnožje je jedan, tihi redak s informacijama o autorskim pravima i kontaktnim informacijama #4c4c4c. Navigacija izvan zaglavlja pokreće se kao izbornik u obliku hamburgera u prikazu preko cijelog zaslona.
Slike su rijetke i namjerno odabrane. Dominantni vizualni element je velika sfera tekućine opsidijana, renderirana u WebGL-u - taman, gotovo crn, 3D oblik sa suptilnim plavim i jantarnim refleksijama duž ruba, koji lebdi na crnoj pozadini i djelomično preklapa naslov. Funkcionira više kao ikonografija brenda nego kao ilustracija. Sličice projekata prikazuju se kao fotografije ili videozapisi u vertikalnom popisu, od ruba do ruba bez obruba. Nema fotografija životnog stila, nema stock slika, nema ukrasnih gradijenata. Sfera i tekst jedini su vizualni elementi na stranici.
Paleta
Robna marka
- Crimson Signal
#fc1c46— Glavni naglasak je jedan crveni element; pojavljuje se na kartici "Kontakti", u logotipu marke i nigdje drugdje. Njegova rijetkost je zbog specifičnosti dizajna.
Neutralno
- Void
#000000— Pozadina stranice, platno, apsolutni je temelj na kojem lebde svi ostali elementi. - Ash
#cccccc— Glavni i link tekst, zadani ton teksta na crnom platnu - odabran umjesto čisto bijelog kako bi se ublažio optički odsjaj. - Frost
#ffffff— Prikaz naslova, teksta gumba, teksta polja za unos i oznaka najistaknutiji je sloj, namijenjen sadržaju koji bi trebao biti linearan. - Graphite
#4c4c4c— Autorska prava, meta oznake, pomoćni tekst - namjerno prigušeni kako ne bi konkurirali glavnom tekstu.
Tipografija
od 10 do 198px · 7 koraka
- sui — zamjena: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · obrisi 300, 400, 500, 700 · Jedan font. Sui je prilagođeni geometrijski sans-serif font koji se koristi za sve, od 198px za naslove do 10px za opise. Debljina 700 rezervirana je za monumentalne naslove i velike naslove; debljina 400 koristi se za ostatak sustava. Kontrast između podebljanog i običnog fonta je primarni sustav fontova; druga obitelj nije potrebna.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 9px |
| Radijus gumba | 9999px |
| Radijus kartice | 0px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 86-108px |
| Širina stranice | 1400px |
Umjetna inteligencija će izraditi vašu web stranicu u ThoughtLab stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Vivid+Co — prizmatična svjetlost kroz opsidijan
- Sequel — Privatna projekcija nakon mraka jedino je toplo svjetlo u inače mračnom kinu.
- Dovetail — Nacrt pod crnim mjesecom - jedva vidljive linije grafikona, bijeli font, jedna ljubičasta iskra
- MekaVerse — Monokromatska galerija digitalnih artefakata - čvrsta crna praznina gdje renderirani svijet visi poput muzejskog eksponata, a cijelo korisničko sučelje je bijela tinta na mat crnom staklu.
- Krea — galerija noir u ponoć
- Factory — Terminal "ratne sobe" u ponoć. "Tvornica" je potpuno crna kontrolna ploča na koju sleti jedna bijela kartica poput depeše osvijetljene baterijskom lampom - jedini predmet u sobi je sam rad.
- basement — Prazna tiskarska preša u 3 ujutro – ogromni, komprimirani fontovi šire se po mrklom mraku, jedan bljesak narančastog svjetla na navigacijskoj traci, sve ostalo bijelo ili sablasno sivo.
- Stink Studios — Filmski studio u ponoć - projektor zuji, soba je mračna, osvijetljen je samo film
- Apple (España) — crno kazalište s osvijetljenim elementima
- Charlie — Tipografija isklesana iz samostanskog kamena na opsidijanu. Portfolio u kojem jedan crveni zid stvara zaglušujuću tišinu.
- Rive — Visokoprecizni noćni vid. Sučelje ima posebnu leću koja prodire u tamu kako bi se fokusirala na tehničke detalje s apsolutnom jasnoćom.
- Datalands — Crna katedrala s jednim neonskim pulsom. Logo ispunjava lađu; sve ostalo je jedva čujan tekst ispod.