ThoughtLab
Ett obsidianmonument med en karmosinröd signal. En duk av svart tomhet, där det enda mättade röda objektet i katedralen, tryckt med stora vita bokstäver, är en enda kromatisk figur.
ThoughtLab fungerar som ett designspråk i stil med Black Cathedral: en tom svart duk, en enda röd puls och en typografi så stor att den fungerar som en arkitektur. Systemet är nästan helt akromatiskt – #cccccc representerar kroppen, #ffffff representerar displayen – där #fc1c46 endast visas för en enda primär handling, som en kontrollerad spänningsvåg mot en bakgrund av tomhet. Hierarkin byggs upp genom skarpa skalhopp (198px → 14px), snarare än genom färg, skuggor eller fyllningar. Komponenterna är viktlösa: transparenta kort, pillerformade knappar, tunna inmatningsfält, avsaknaden av upphöjd stapling – sidan andas genom negativt utrymme och tätt packade versaler, snarare än genom behållare.
En mörk arbetsyta sträcker sig över hela sidans bredd, med breda horisontella marginaler (126 pixlar på varje sida, vilket gör att innehållskolumnen når cirka 1400 pixlar). Rubriken är en enda 72 pixlar lång rad: logotypen till vänster, taglinen i mitten, den pillerformade uppmaningsknappen och hamburgarfältet till höger. Huvudpersonen är en delad komposition – en överdimensionerad 198 pixlar stor rubrik i versaler till vänster med stödjande brödtext 18 pixlar nedanför, medan en 3D-sfär överlappar texten till höger om mitten och delvis "äter" den. Under huvudpersonen är avsnitten arrangerade i en rymlig vertikal rytm med 86–108 pixlar mellanrum. Verkets element visas som en lista som upptar nästan hela sidans bredd, snarare än som ett rutnät av kort. Det finns ingen sidofält, ingen megameny, ingen sidfot med ett kolumnrutnät – sidfoten är en enda, tyst rad med upphovsrättsinformation och kontaktinformation #4c4c4c. Navigering bortom sidhuvudet öppnas som en hamburgermeny i ett helskärmsöverlägg.
Bilderna är glesa och avsiktligt kurerade. Det dominerande visuella elementet är en stor sfär av flytande obsidian, renderad i WebGL – en mörk, nästan svart, 3D-form med subtila blå och bärnstensfärgade reflektioner längs kanten, som flyter mot en svart bakgrund och delvis överlappar titeln. Den fungerar mer som varumärkesikonografi än illustration. Projektminiatyrer visas som foton eller videor i en vertikal lista, presenterade kant-till-kant utan ram. Inga livsstilsfoton, inga stockbilder, inga dekorativa gradienter. Sfären och texten är de enda visuella elementen på sidan.
Palett
Stämpla
- Crimson Signal
#fc1c46— Den huvudsakliga accenten är ett enda rött element; det syns på fliken "Kontakter", i varumärkets logotyp och ingen annanstans. Dess sällsynthet beror på designens särdrag.
Neutral
- Void
#000000— Sidbakgrunden, arbetsytan, är den absoluta grunden som alla andra element flyter på. - Ash
#cccccc— Huvud- och länktext, standardtextton på svart duk - vald istället för rent vitt för att mjuka upp optisk reflex. - Frost
#ffffff— Att visa rubriker, knapptext, inmatningsfältstext och markup är den mest framträdande nivån, avsedd för innehåll som ska vara linjärt. - Graphite
#4c4c4c— Upphovsrätt, metataggar, hjälptext – avsiktligt avstängda för att inte konkurrera med huvudtexten.
Typografi
från 10 till 198px · 7 steg
- sui — ersättning: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · konturer 300, 400, 500, 700 · Ett enda typsnitt. Sui är ett specialdesignat geometriskt sans-serif-typsnitt som används för allt från 198 pixlar för rubriker till 10 pixlar för bildtexter. Vikten 700 är reserverad för monumentala rubriker och stora titlar; vikten 400 används för resten av systemet. Kontrasten mellan fetstil och vanlig stil är det primära typsnittssystemet; en andra familj krävs inte.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 9px |
| Knappradie | 9999px |
| Kortradie | 0px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 86-108px |
| Sidbredd | 1400px |
AI kommer att bygga din webbplats i ThoughtLab -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Vivid+Co — prismatiskt ljus genom obsidian
- Sequel — En privat visning efter mörkrets inbrott är det enda varma ljuset i en annars mörk biograf.
- Dovetail — En ritning under en svart måne – knappt synliga graflinjer, vitt teckensnitt, en lila gnistra
- MekaVerse — Ett monokromt galleri av digitala artefakter – ett helt svart tomrum där den renderade världen hänger som en museiutställning, och hela användargränssnittet är vitt bläck på mattsvart glas.
- Krea — Galleri noir vid midnatt
- Factory — Terminalen i "krigsrummet" vid midnatt. "Fabriken" är en skarp svart kontrollpanel där ett enda vitt kort landar som en ficklampsbelyst meddelande – det enda föremålet i rummet är själva verket.
- basement — En tom tryckpress klockan tre på natten – enorma, komprimerade typsnitt som utbreder sig över det kolsvarta, en enda glimt av orange ljus i navigeringsfältet, allt annat vitt eller spöklikt grått.
- Stink Studios — En filmstudio vid midnatt - projektorn surrar, rummet är mörkt, bara filmen är upplyst
- Apple (España) — svart teater med upplysta armaturer
- Charlie — Typografi huggen ur klostersten på obsidian. En portfolio där en enda röd vägg skapar en öronbedövande tystnad.
- Rive — Högprecisions mörkerseende. Gränssnittet har en speciell lins som penetrerar mörkret för att fokusera på tekniska detaljer med absolut skärpa.
- Datalands — En svart katedral med en enda neonpuls. Logotypen fyller mittskeppet; allt annat är knappt hörbar text under.