ThoughtLab
Spomenik od opsidijana s grimiznim signalom. Platno crne praznine, gdje je jedini zasićeni crveni objekt u katedrali, otisnut velikim bijelim slovima, jedna hromatska figura.
ThoughtLab funkcioniše poput dizajnerskog jezika Crne katedrale: prazno crno platno, jedan crveni puls i tipografija toliko velika da funkcioniše kao arhitektura. Sistem je gotovo u potpunosti ahromatski - #cccccc predstavlja tijelo, #ffffff predstavlja prikaz - pri čemu se #fc1c46 pojavljuje samo za jednu primarnu radnju, kao kontrolirani nalet napetosti na pozadini praznine. Hijerarhija se gradi kroz oštre skokove skale (198px → 14px), a ne kroz boju, sjene ili ispune. Komponente su bestežinske: prozirne kartice, dugmad u obliku tableta, tanka polja za unos, odsustvo povišenog slaganja - stranica diše kroz negativni prostor i gusto zbijena velika slova, a ne kroz kontejnere.
Tamno platno se proteže cijelom širinom stranice, sa širokim horizontalnim marginama (126px sa svake strane, pomjerajući kolonu sadržaja na približno 1400px). Zaglavlje je jedna linija od 72px: logo s lijeve strane, slogan u sredini, dugme za poziv 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 centra, djelimič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 lista, zauzimajući gotovo cijelu širinu stranice, a ne kao mreža kartica. Nema bočne trake, nema mega-menija, nema podnožja s mrežom kolona - podnožje je jedna, tiha linija s informacijama o autorskim pravima i kontakt informacijama #4c4c4c. Navigacija izvan zaglavlja pokreće se kao hamburger meni u prozoru preko cijelog ekrana.
Slike su rijetke i namjerno odabrane. Dominantni vizualni element je velika sfera tekućine opsidijana, prikazana u WebGL-u - taman, gotovo crn, 3D oblik sa suptilnim plavim i ćilibarnim 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 prikazane su kao fotografije ili videozapisi u vertikalnoj listi, od ruba do ruba bez okvira. Nema fotografija životnog stila, nema stock slika, nema dekorativnih gradijenata. Sfera i tekst su jedini vizualni elementi na stranici.
Paleta
Brend
- Crimson Signal
#fc1c46— Glavni akcenat je jedan crveni element; pojavljuje se na kartici "Kontakti", u logotipu brenda i nigdje drugdje. Njegova rijetkost je zbog specifičnosti dizajna.
Neutralno
- Void
#000000— Pozadina stranice, platno, je apsolutna osnova na kojoj plutaju 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— Prikazivanje naslova, teksta dugmadi, teksta polja za unos i oznaka je najistaknutiji nivo, 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 posebno dizajniran geometrijski sans-serif font koji se koristi za sve, od 198px za naslove do 10px za natpise. Debljina 700 je rezervisana za monumentalne naslove i velike naslove; debljina 400 se koristi za ostatak sistema. Kontrast između podebljanog i regularnog fonta je primarni sistem fontova; druga porodica nije potrebna.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 9px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 0px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 86-108px |
| Širina stranice | 1400px |
Vještačka inteligencija će izgraditi vašu web stranicu u ThoughtLab stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Vivid+Co — prizmatična svjetlost kroz opsidijan
- Sequel — Privatna projekcija nakon mraka je jedino toplo svjetlo u inače mračnom kinu.
- Dovetail — Nacrt pod crnim mjesecom - jedva vidljive linije grafikona, bijeli font, jedna ljubičasta iskra
- MekaVerse — Monohromatska galerija digitalnih artefakata - čvrsta crna praznina gdje renderirani svijet visi poput muzejskog eksponata, a cijeli korisnički interfejs je bijela tinta na mat crnom staklu.
- Krea — galerija noir u ponoć
- Factory — Terminal "ratne sobe" u ponoć. "Fabrika" je potpuno crna kontrolna ploča gdje jedna bijela kartica sleti poput depeše osvijetljene baterijskom lampom - jedini predmet u sobi je sam rad.
- basement — Prazna štamparija u 3 ujutro – ogromni, komprimirani fontovi šire se po mrklom mraku, jedan bljesak narandž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 pozorište sa osvetljenim elementima
- Charlie — Tipografija isklesana od manastirskog kamena na opsidijanu. Portfolio u kojem jedan crveni zid stvara zaglušujuću tišinu.
- Rive — Visokoprecizni noćni vid. Interfejs ima specijalno sočivo koje prodire kroz tamu kako bi se fokusiralo na tehničke detalje sa apsolutnom jasnoćom.
- Datalands — Crna katedrala s jednim neonskim pulsom. Logo ispunjava lađu; sve ostalo je jedva čujan tekst ispod.