ThoughtLab
Een obsidiaan monument met een karmozijnrood signaal. Een doek van zwarte leegte, waar het enige verzadigde rode object in de kathedraal, afgedrukt in grote witte letters, een enkele chromatische figuur is.
ThoughtLab werkt volgens een ontwerpstijl die doet denken aan de Zwarte Kathedraal: een blanco zwart canvas, een enkele rode puls en typografie zo groot dat het als architectuur functioneert. Het systeem is bijna volledig achromatisch – #cccccc staat voor de body, #ffffff voor de display – waarbij #fc1c46 alleen verschijnt voor één primaire actie, als een gecontroleerde golf van spanning tegen een achtergrond van leegte. Hiërarchie wordt opgebouwd door scherpe schaalveranderingen (198px → 14px), in plaats van door kleur, schaduwen of vullingen. Componenten zijn gewichtloos: transparante kaarten, pilvormige knoppen, dunne invoervelden, de afwezigheid van verhoogde stapeling – de pagina ademt door negatieve ruimte en dicht opeengepakte hoofdletters, in plaats van door containers.
Een donker canvas beslaat de volledige breedte van de pagina, met brede horizontale marges (126px aan elke kant, waardoor de inhoudskolom ongeveer 1400px breed is). De header bestaat uit één enkele regel van 72px: het logo links, de slogan in het midden, de pilvormige call-to-action-knop en de hamburgermenubalk rechts. De hero is een opgedeelde compositie: een oversized kop van 198px in hoofdletters links met ondersteunende tekst 18px eronder, terwijl een 3D-bol de tekst rechts van het midden overlapt en deze gedeeltelijk 'opeet'. Onder de hero zijn de secties in een ruim verticaal ritme gerangschikt met tussenruimtes van 86-108px. De elementen van het werk worden weergegeven als een lijst, die bijna de volledige breedte van de pagina inneemt, in plaats van als een raster van kaarten. Er is geen zijbalk, geen megamenu, geen voettekst met een kolomraster – de voettekst is een enkele, rustige regel met copyrightinformatie en contactgegevens #4c4c4c. Navigatie buiten de header wordt weergegeven als een hamburgermenu in een overlay op volledig scherm.
De afbeeldingen zijn schaars en bewust geselecteerd. Het dominante visuele element is een grote bol van obsidiaanvloeistof, weergegeven in WebGL – een donkere, bijna zwarte, 3D-vorm met subtiele blauwe en amberkleurige reflecties langs de rand, zwevend tegen een zwarte achtergrond en gedeeltelijk overlappend met de titel. Het functioneert meer als merkiconografie dan als illustratie. Projectminiaturen worden weergegeven als foto's of video's in een verticale lijst, randloos en zonder kader. Geen lifestylefoto's, geen stockfoto's, geen decoratieve verlopen. De bol en de tekst zijn de enige visuele elementen op de pagina.
Palet
Merk
- Crimson Signal
#fc1c46— Het belangrijkste accent is een enkel rood element; het verschijnt op het tabblad "Contacten", in het merklogo en nergens anders. De zeldzaamheid ervan is te danken aan de specifieke kenmerken van het ontwerp.
Neutrale
- Void
#000000— De pagina-achtergrond, het canvas, is het absolute fundament waarop alle andere elementen rusten. - Ash
#cccccc— Hoofdtekst en linktekst, standaard tekstkleur op zwart canvas - gekozen in plaats van puur wit om optische reflecties te verzachten. - Frost
#ffffff— Het weergeven van kopteksten, knopteksten, tekst in invoervelden en opmaak is het meest prominente niveau, bedoeld voor inhoud die lineair moet zijn. - Graphite
#4c4c4c— Auteursrecht, metatags en aanvullende tekst zijn opzettelijk subtiel weergegeven om niet met de hoofdtekst te concurreren.
Typografie
van 10 tot 198px · 7 stappen
- sui — vervanging: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · overzichten 300, 400, 500, 700 · Eén enkel lettertype. Sui is een speciaal ontworpen geometrisch schreefloos lettertype dat gebruikt wordt voor alles, van 198px voor koppen tot 10px voor bijschriften. De 700-gewichtsklasse is gereserveerd voor monumentale koppen en grote titels; de 400-gewichtsklasse wordt gebruikt voor de rest van het systeem. Het contrast tussen vet en normaal is het primaire lettertypesysteem; een tweede lettertypefamilie is niet nodig.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 9px |
| Knopradius | 9999px |
| Kaartradius | 0px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 86-108px |
| Paginabreedte | 1400px |
AI bouwt je website in de stijl ThoughtLab en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Vivid+Co — prismatisch licht door obsidiaan
- Sequel — Een besloten voorstelling na zonsondergang is het enige warme lichtpuntje in een verder donkere bioscoopzaal.
- Dovetail — Een blauwdruk onder een donkere maan: nauwelijks zichtbare grafieklijnen, witte letters, een paarse vonk.
- MekaVerse — Een monochrome galerij van digitale artefacten – een massieve zwarte leegte waar de weergegeven wereld hangt als een museumstuk, en de gehele gebruikersinterface bestaat uit witte inkt op matzwart glas.
- Krea — Gallery Noir om middernacht
- Factory — De terminal in de "oorlogskamer" om middernacht. De "fabriek" is een strak zwart bedieningspaneel waar een enkele witte kaart landt als een door een zaklamp verlicht bericht – het enige object in de kamer is het werk zelf.
- basement — Een lege drukpers om 3 uur 's nachts – enorme, samengeperste lettertypen die zich uitspreiden over de pikzwarte achtergrond, een enkel oranje lichtpuntje op de navigatiebalk, al het andere wit of spookachtig grijs.
- Stink Studios — Een filmstudio midden in de nacht - de projector zoemt, de ruimte is donker, alleen de film is verlicht.
- Apple (España) — zwart theater met verlichte armaturen
- Charlie — Typografie gebeiteld uit kloostersteen op obsidiaan. Een portfolio waarin een enkele rode muur een oorverdovende stilte creëert.
- Rive — Uiterst nauwkeurige nachtzichtfunctie. De interface is voorzien van een speciale lens die door de duisternis heen dringt om technische details met absolute helderheid scherp te stellen.
- Datalands — Een zwarte kathedraal met een enkele neonpuls. Het logo vult het schip; al het andere is nauwelijks leesbare tekst eronder.