ThoughtLab
En Obsidian-Monument mat engem karmesinrout Signal. Eng Leinwand aus schwaarzer Eidelkeet, wou dat eenzegt gesättigt rout Objet an der Kathedral, a grousse wäisse Buschtawen gedréckt, eng eenzeg chromatesch Figur ass.
ThoughtLab funktionéiert wéi eng Designsprooch vun der Black Cathedral: eng eidel schwaarz Leinwand, een eenzege roude Puls an eng Typographie, déi sou grouss ass, datt se als Architektur funktionéiert. De System ass bal komplett achromatesch – #cccccc representéiert de Kierper, #ffffff representéiert den Display – mat #fc1c46, deen nëmme fir eng eenzeg primär Aktioun erschéngt, als eng kontrolléiert Spannungswell virun engem Hannergrond vun Eidelkeet. D'Hierarchie gëtt duerch schaarf Skalaspräng (198px → 14px) opgebaut, anstatt duerch Faarf, Schieter oder Fëllungen. Komponenten si gewichtslos: transparent Kaarten, pillefërmeg Knäppercher, dënn Inputfelder, d'Feele vun erhiewter Stapelung – d'Säit ootmet duerch negativen Raum a dicht gepackte Groussbuchstawen, anstatt duerch Behälter.
Eng donkel Leinwand erstreckt sech iwwer déi ganz Breet vun der Säit, mat breede horizontalen Margen (126px op all Säit, wouduerch d'Inhaltskolonn op ongeféier 1400px eropgeet). Den Header ass eng eenzeg 72px Zeil: de Logo lénks, den Tagline an der Mëtt, de pillefërmegen Call-to-Action-Knäppchen an d'Hamburgerbar riets. Den Held ass eng opgedeelt Kompositioun - eng iwwerdimensionéiert 198px Iwwerschrëft a Groussbuschtawen lénks mat ënnerstëtzendem Kierpertext 18px drënner, während eng 3D-Kugel den Text riets vun der Mëtt iwwerlappt an en deelweis "frësst". Ënnert dem Held sinn d'Sektiounen an engem grousse vertikale Rhythmus mat 86–108px Lücken tëscht hinnen arrangéiert. D'Elementer vum Wierk ginn als Lëscht ugewisen, déi bal déi ganz Breet vun der Säit besetzen, anstatt als e Raster vu Kaarten. Et gëtt keng Sidebar, kee Mega-Menü, kee Fousszeil mat engem Kolonnenraster - de Fousszeil ass eng eenzeg, roueg Zeil mat Copyright-Informatiounen a Kontaktinformatiounen #4c4c4c. D'Navigatioun hannert dem Header gëtt als Hamburgermenü an engem Vollbild-Overlay gestart.
D'Biller si spuersam a bewosst zesummegestallt. Dat dominant visuellt Element ass eng grouss Kugel aus flëssegem Obsidian, déi a WebGL gerendert gëtt - eng donkel, bal schwaarz, 3D-Form mat subtile bloen an amberfaarwegen Reflexiounen um Rand, déi géint en schwaarzen Hannergrond schwëmmt an deelweis den Titel iwwerlappt. Et funktionéiert méi als Markenikonographie wéi als Illustratioun. Projetminiaturbiller ginn als Fotoen oder Videoen an enger vertikaler Lëscht ugewisen, déi vu Rand zu Rand ouni Bord presentéiert ginn. Keng Lifestyle-Fotoen, keng Stockbiller, keng dekorativ Verlafstänn. D'Kugel an den Text sinn déi eenzeg visuell Elementer op der Säit.
Palette
Mark
- Crimson Signal
#fc1c46— Den Haaptakzent ass en eenzegt rout Element; et erschéngt um Tab "Kontakter", am Markenlogo, a soss néierens. Seng Raritéit ass wéinst de Spezifizitéite vum Design.
Neutral
- Void
#000000— Den Säitenhannergrond, d'Leinwand, ass déi absolut Basis, op där all aner Elementer schwiewen. - Ash
#cccccc— Haapt- a Linktext, Standardtexttéin op schwaarzer Leinwand - amplaz vu reng Wäiss gewielt fir optesch Blendung ze mëllen. - Frost
#ffffff— D'Uweise vun Iwwerschrëften, Knäppchentext, Inputfeldtext a Markup ass dat prominentst Niveau, geduecht fir Inhalter, déi linear solle sinn. - Graphite
#4c4c4c— Copyright, Meta-Tags, Hëllefstext - absichtlech gedämpft, fir net mam Haapttext ze konkurréieren.
Typographie
vun 10 bis 198px · 7 Schrëtt
- sui — Ersatz: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · Konturen 300, 400, 500, 700 · Eng eenzeg Schrëft. Sui ass eng speziell entwéckelt geometresch Sans-Serif-Schrëft, déi fir alles vun 198px fir Iwwerschrëften bis 10px fir Ënnerschrëften benotzt gëtt. D'Gewiicht vu 700 ass fir monumental Iwwerschrëften a grouss Titelen reservéiert; d'Gewiicht vu 400 gëtt fir de Rescht vum System benotzt. De Kontrast tëscht Fett a Normal ass dat primärt Schrëftsystem; eng zweet Famill ass net erfuerderlech.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 9px |
| Knäppchenradius | 9999px |
| Kaarteradius | 0px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 86-108px |
| Säitebreet | 1400px |
KI baut Är Websäit am Stil vun ThoughtLab op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Vivid+Co — prismatescht Liicht duerch Obsidian
- Sequel — Eng privat Virstellung nom Däischteren ass dat eenzegt waarmt Liicht an engem soss däischteren Kino.
- Dovetail — E Plang ënner engem schwaarze Mound - kaum siichtbar Grafiklinnen, wäiss Schrëft, ee violette Glanz
- MekaVerse — Eng monochrom Galerie vun digitalen Artefakten – eng massiv schwaarz Eidelkeet, wou déi gerendert Welt wéi eng Muséeausstellung hänkt, an déi ganz Benotzerinterface aus wäisser Tënt op matt-schwaarzem Glas besteet.
- Krea — Galerie Noir ëm Mëtternuecht
- Factory — Den Terminal vum "Krichsraum" um Mëtternuecht. D'"Fabréck" ass e schaarf schwaarzt Kontrollpanel, wou eng eenzeg wäiss Kaart lant wéi eng vun enger Täscheluucht beliichte Sendung - dat eenzegt Objet am Raum ass d'Aarbecht selwer.
- basement — Eng eidel Dréckmaschinn um 3 Auer moies – riseg, kompriméiert Schrëften, déi sech iwwer dat stockdäischtert verdeelen, e eenzege Schimmer orange Liicht op der Navigatiounsbar, alles anescht wäiss oder geeschtergro.
- Stink Studios — E Filmstudio um Mëtternuecht - de Projektor brummt, d'Zëmmer ass däischter, nëmmen de Film ass beliicht
- Apple (España) — schwaarzen Theater mat beliichten Armaturen
- Charlie — Typographie aus Klouschtersteen op Obsidian geschnëtzt. E Portfolio, an deem eng eenzeg rout Mauer eng daafend Rou kreéiert.
- Rive — Héichpräzis Nuetsvisioun. D'Interface huet eng speziell Lëns, déi an d'Däischtert penetréiert, fir sech op technesch Detailer mat absoluter Kloerheet ze konzentréieren.
- Datalands — Eng schwaarz Kathedral mat engem eenzege Neonpuls. De Logo fëllt d'Schëff; alles anescht ass kaum héierbaren Text drënner.