ThoughtLab
Ein Obsidianmonument mit einem purpurroten Signal. Eine Leinwand schwarzer Leere, auf der das einzige gesättigte rote Objekt in der Kathedrale, in großen weißen Buchstaben gedruckt, eine einzelne farbige Figur ist.
ThoughtLab funktioniert wie die Designsprache der Schwarzen Kathedrale: eine leere schwarze Leinwand, ein einzelner roter Impuls und eine so große Typografie, dass sie wie ein Bauwerk wirkt. Das System ist fast vollständig farblos – #cccccc steht für den Inhalt, #ffffff für die Anzeige – wobei #fc1c46 nur für eine einzige primäre Aktion erscheint, als kontrollierter Spannungsschub vor einem leeren Hintergrund. Hierarchie entsteht durch abrupte Skalierungssprünge (198px → 14px) und nicht durch Farbe, Schatten oder Füllungen. Die Komponenten sind schwerelos: transparente Karten, pillenförmige Schaltflächen, schmale Eingabefelder, keine erhöhten Stapel – die Seite atmet durch Negativraum und dicht gedrängte Großbuchstaben, nicht durch Container.
Eine dunkle Leinwand erstreckt sich über die gesamte Seitenbreite, mit breiten horizontalen Rändern (126 px auf jeder Seite, wodurch die Inhaltsspalte ca. 1400 px breit ist). Der Header besteht aus einer einzigen 72 px breiten Zeile: links das Logo, in der Mitte der Slogan, rechts der pillenförmige Call-to-Action-Button und das Hamburger-Menü. Der Hero-Bereich ist zweigeteilt: Links befindet sich eine übergroße, 198 px breite Überschrift in Großbuchstaben, 18 px darunter der zugehörige Fließtext. Rechts von der Mitte überlappt eine 3D-Kugel den Text und „verschluckt“ ihn teilweise. Unterhalb des Hero-Bereichs sind die Abschnitte in einem großzügigen vertikalen Rhythmus mit Abständen von 86–108 px angeordnet. Die Elemente der Arbeit werden als Liste präsentiert, die fast die gesamte Seitenbreite einnimmt, anstatt als Raster aus Karten. Es gibt keine Seitenleiste, kein Mega-Menü, keine Fußzeile mit Spaltenraster – die Fußzeile besteht aus einer einzigen, schlichten Zeile mit Copyright- und Kontaktinformationen (#4c4c4c). Die Navigation jenseits der Kopfzeile öffnet sich als Hamburger-Menü in einem Vollbild-Overlay.
Die Bilder sind spärlich und bewusst ausgewählt. Das dominierende visuelle Element ist eine große Kugel aus Obsidianflüssigkeit, gerendert in WebGL – eine dunkle, fast schwarze 3D-Form mit dezenten blauen und bernsteinfarbenen Reflexen am Rand, die vor einem schwarzen Hintergrund schwebt und den Titel teilweise überlappt. Sie dient eher als Markensymbol denn als Illustration. Projektminiaturen werden als Fotos oder Videos in einer vertikalen Liste randlos und flächendeckend dargestellt. Keine Lifestyle-Fotos, keine Stockfotos, keine dekorativen Farbverläufe. Die Kugel und der Text sind die einzigen visuellen Elemente auf der Seite.
Palette
Marke
- Crimson Signal
#fc1c46— Das Hauptmerkmal ist ein einzelnes rotes Element; es erscheint ausschließlich auf dem Reiter „Kontakte“ und im Markenlogo. Seine Seltenheit ist den Besonderheiten des Designs geschuldet.
Neutral
- Void
#000000— Der Seitenhintergrund, die Leinwand, ist die absolute Grundlage, auf der alle anderen Elemente schweben. - Ash
#cccccc— Haupt- und Linktext, Standardtextfarbe auf schwarzem Hintergrund – gewählt anstelle von reinem Weiß, um optische Blendeffekte zu reduzieren. - Frost
#ffffff— Die Anzeige von Überschriften, Schaltflächentexten, Eingabefeldtexten und Markup ist die prominenteste Ebene und ist für Inhalte gedacht, die linear sein sollen. - Graphite
#4c4c4c— Copyright-Hinweise, Meta-Tags und Hilfstexte wurden absichtlich ausgeblendet, um nicht mit dem Haupttext zu konkurrieren.
Typografie
von 10 auf 198 Pixel · 7 Schritte
- sui — Ersatz: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · Umrisse 300, 400, 500, 700 · Eine einzige Schriftart. Sui ist eine speziell entworfene geometrische serifenlose Schriftart, die für alles von 198px für Überschriften bis 10px für Bildunterschriften verwendet wird. Die Schriftstärke 700 ist für besonders große Überschriften und Titel reserviert; die Stärke 400 wird für den Rest des Systems verwendet. Der Kontrast zwischen fett und normal bildet das primäre Schriftsystem; eine zweite Schriftfamilie ist nicht erforderlich.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 9px |
| Radius der Schaltfläche | 9999px |
| Kartenradius | 0px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 86-108px |
| Seitenbreite | 1400px |
KI erstellt Ihre Website im ThoughtLab -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Vivid+Co — prismatisches Licht durch Obsidian
- Sequel — Eine private Vorführung nach Einbruch der Dunkelheit ist das einzige warme Licht in einem ansonsten dunklen Kino.
- Dovetail — Ein Bauplan unter einem schwarzen Mond – kaum sichtbare Linien, weiße Schrift, ein violetter Funkel
- MekaVerse — Eine monochrome Galerie digitaler Artefakte – eine tiefschwarze Leere, in der die gerenderte Welt wie ein Museumsexponat hängt und die gesamte Benutzeroberfläche aus weißer Tinte auf mattschwarzem Glas besteht.
- Krea — Galerie Noir um Mitternacht
- Factory — Der Terminal im „Kriegsraum“ um Mitternacht. Die „Fabrik“ ist ein karges schwarzes Bedienfeld, auf dem eine einzelne weiße Karte wie eine mit einer Taschenlampe beleuchtete Nachricht landet – das einzige Objekt im Raum ist das Werk selbst.
- basement — Eine leere Druckmaschine um 3 Uhr morgens – riesige, gequetschte Schriftarten, die sich über das pechschwarze Licht ausbreiten, ein einzelner orangefarbener Lichtschein auf der Navigationsleiste, alles andere weiß oder geisterhaft grau.
- Stink Studios — Ein Filmstudio um Mitternacht – der Projektor brummt, der Raum ist dunkel, nur der Film ist beleuchtet.
- Apple (España) — schwarzes Theater mit beleuchteten Armaturen
- Charlie — Typografie, in Obsidian gemeißelt aus Klosterstein. Ein Portfolio, in dem eine einzelne rote Wand ohrenbetäubende Stille erzeugt.
- Rive — Hochpräzise Nachtsicht. Die Benutzeroberfläche verfügt über eine Speziallinse, die die Dunkelheit durchdringt, um technische Details mit absoluter Klarheit zu erfassen.
- Datalands — Eine schwarze Kathedrale, in der ein einzelner Neonstrahl pulsiert. Das Logo füllt das Kirchenschiff; alles andere ist kaum lesbarer Text darunter.