ThoughtLab
An obsidian monument with a crimson signal. A canvas of black emptiness, where the only saturated red object in the cathedral, printed in large white letters, is a single chromatic figure.
ThoughtLab operates like a Black Cathedral design language: a blank black canvas, a single red pulse, and typography so large it functions as architecture. The system is almost entirely achromatic—#cccccc represents the body, #ffffff represents the display—with #fc1c46 appearing only for a single primary action, as a controlled surge of tension against a background of emptiness. Hierarchy is built through sharp scale jumps (198px → 14px), rather than through color, shadows, or fills. Components are weightless: transparent cards, pill-shaped buttons, thin input fields, the absence of elevated stacking—the page breathes through negative space and densely packed uppercase, rather than through containers.
A dark canvas spans the entire width of the page, with wide horizontal margins (126px on each side, pushing the content column to approximately 1400px). The header is a single 72px line: the logo on the left, the tagline in the center, the pill-shaped call-to-action button, and the hamburger bar on the right. The hero is a divided composition—an oversized 198px headline in all caps on the left with supporting body copy 18px below, while a 3D sphere overlaps the text to the right of center, partially "eating" it. Below the hero, sections are arranged in a spacious vertical rhythm with 86–108px gaps between them. The elements of the work are displayed as a list, occupying almost the entire width of the page, rather than as a grid of cards. There's no sidebar, no mega-menu, no footer with a column grid—the footer is a single, quiet line with copyright information and contact information #4c4c4c. Navigation beyond the header launches as a hamburger menu in a full-screen overlay.
Images are sparse and intentionally curated. The dominant visual element is a large sphere of obsidian liquid, rendered in WebGL—a dark, almost black, 3D shape with subtle blue and amber reflections along the edge, floating against a black background and partially overlapping the title. It functions more as brand iconography than illustration. Project thumbnails are displayed as photos or videos in a vertical list, presented edge-to-edge without a border. No lifestyle photos, no stock images, no decorative gradients. The sphere and type are the only visual elements on the page.
Palette
Brand
- Crimson Signal
#fc1c46— The main accent is a single red element; it appears on the "Contacts" tab, in the brand logo, and nowhere else. Its rarity is due to the design's specifics.
Neutral
- Void
#000000— The page background, the canvas, is the absolute foundation on which all other elements float. - Ash
#cccccc— Main and link text, default text tone on black canvas - chosen instead of pure white to soften optical glare. - Frost
#ffffff— Displaying headings, button text, input field text, and markup is the most prominent level, intended for content that should be linear. - Graphite
#4c4c4c— Copyright, meta tags, auxiliary text - intentionally muted so as not to compete with the main text.
Typography
from 10 to 198px · 7 steps
- sui — replacement: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · outlines 300, 400, 500, 700 · A single font. Sui is a custom-designed geometric sans-serif font used for everything from 198px for headlines to 10px for captions. The 700 weight is reserved for monumental headlines and large titles; the 400 weight is used for the rest of the system. The contrast between bold and regular is the primary font system; a second family is not required.
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 9px |
| Button radius | 9999px |
| Card radius | 0px |
| Shadows | no - borders instead of shadows |
| Between sections | 86-108px |
| Page width | 1400px |
AI will build your website in ThoughtLab style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Vivid+Co — prismatic light through obsidian
- Sequel — A private screening after dark is the only warm light in an otherwise dark cinema.
- Dovetail — A blueprint under a black moon—barely visible graph lines, white font, one purple sparkle
- MekaVerse — A monochrome gallery of digital artifacts—a solid black void where the rendered world hangs like a museum exhibit, and the entire user interface is white ink on matte black glass.
- Krea — gallery noir at midnight
- Factory — The "war room" terminal at midnight. The "factory" is a stark black control panel where a single white card lands like a flashlight-lit dispatch—the only object in the room is the work itself.
- basement — An empty printing press at 3am – huge, compressed fonts splaying across the pitch black, a single glimmer of orange light on the navigation bar, everything else white or ghostly grey.
- Stink Studios — A film studio at midnight - the projector hums, the room is dark, only the film is lit
- Apple (España) — black theater with illuminated fittings
- Charlie — Typography carved from monastery stone onto obsidian. A portfolio in which a single red wall creates a deafening silence.
- Rive — High-precision night vision. The interface features a special lens that penetrates darkness to focus on technical details with absolute clarity.
- Datalands — A black cathedral with a single neon pulse. The logo fills the nave; everything else is barely audible text underneath.