ThoughtLab
Un monument d'obsidienne orné d'un signal cramoisi. Une toile d'un noir absolu, où le seul objet rouge saturé de la cathédrale, imprimé en grandes lettres blanches, est une unique figure chromatique.
ThoughtLab fonctionne comme une cathédrale noire: une toile noire immaculée, une unique impulsion rouge et une typographie si imposante qu’elle devient une architecture à part entière. Le système est presque entièrement achromatique – #cccccc représente le corps du texte, #ffffff l’affichage – avec #fc1c46 qui n’apparaît que pour une action principale, comme une tension maîtrisée sur un fond vide. La hiérarchie est construite par des changements d’échelle brusques (198 px → 14 px), plutôt que par la couleur, les ombres ou les remplissages. Les composants sont d’une légèreté aérienne: cartes transparentes, boutons en forme de pilule, champs de saisie fins, absence de superposition – la page respire grâce à l’espace négatif et à la densité des majuscules, plutôt que par des conteneurs.
Un fond sombre occupe toute la largeur de la page, avec de larges marges horizontales (126 px de chaque côté, ce qui porte la hauteur de la colonne de contenu à environ 1 400 px). L’en-tête se compose d’une simple ligne de 72 px: le logo à gauche, le slogan au centre, le bouton d’appel à l’action en forme de pilule et la barre de menu à droite. La section principale est divisée en deux: un titre surdimensionné de 198 px en majuscules à gauche, surmonté d’un texte descriptif 18 px plus bas, tandis qu’une sphère 3D recouvre partiellement le texte à droite du centre. Sous cette section principale, les différentes parties sont disposées verticalement, espacées de 86 à 108 px. Les éléments sont présentés sous forme de liste, occupant presque toute la largeur de la page, et non sous forme de grille. Il n’y a ni barre latérale, ni méga-menu, ni pied de page avec une grille: le pied de page est une simple ligne discrète contenant les informations de copyright et les coordonnées #4c4c4c. La navigation au-delà de l'en-tête s'ouvre sous forme de menu hamburger en superposition plein écran.
Les images sont rares et soigneusement sélectionnées. L'élément visuel dominant est une grande sphère d'obsidienne liquide, rendue en WebGL: une forme 3D sombre, presque noire, aux subtils reflets bleus et ambrés sur les bords, flottant sur un fond noir et chevauchant partiellement le titre. Elle sert davantage d'icône de marque que d'illustration. Les vignettes des projets sont affichées sous forme de photos ou de vidéos dans une liste verticale, sans bordure. Pas de photos lifestyle, pas d'images libres de droits, pas de dégradés décoratifs. La sphère et le texte sont les seuls éléments visuels de la page.
Palette
Marque
- Crimson Signal
#fc1c46— L'élément principal, un simple détail rouge, apparaît uniquement dans l'onglet « Contacts» et dans le logo de la marque. Sa rareté tient aux spécificités du design.
Neutre
- Void
#000000— Le fond de la page, la toile de fond, est le fondement absolu sur lequel reposent tous les autres éléments. - Ash
#cccccc— Texte principal et liens, couleur de texte par défaut sur fond noir – choisie plutôt que le blanc pur pour atténuer les reflets. - Frost
#ffffff— L'affichage des titres, du texte des boutons, du texte des champs de saisie et du balisage est le niveau le plus visible, destiné à un contenu qui doit être linéaire. - Graphite
#4c4c4c— Mentions légales, métadonnées, texte auxiliaire – intentionnellement atténués afin de ne pas concurrencer le texte principal.
Typographie
de 10 à 198 px · 7 étapes
- sui — remplacement: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · grandes lignes 300, 400, 500, 700 · Une seule police. Sui est une police sans empattement géométrique conçue sur mesure, utilisée pour tous les textes, des titres (198 px) aux légendes (10 px). Le gras 700 est réservé aux titres principaux et aux grands titres; le gras 400 est utilisé pour le reste du système. Le contraste entre le gras et le normal constitue le système de police principal; une seconde famille n’est pas nécessaire.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 9px |
| Rayon du bouton | 9999px |
| Rayon de la carte | 0px |
| Ombres | non - des bordures à la place des ombres |
| Entre les sections | 86-108px |
| Largeur de la page | 1400px |
L'IA construira votre site web dans le style ThoughtLab et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- Vivid+Co — lumière prismatique à travers l'obsidienne
- Sequel — Une projection privée à la nuit tombée est la seule lueur d'espoir dans un cinéma autrement plongé dans l'obscurité.
- Dovetail — Un plan sous une lune noire — des lignes graphiques à peine visibles, une police blanche, une étincelle violette
- MekaVerse — Une galerie monochrome d'artefacts numériques — un vide noir absolu où le monde rendu est suspendu comme une pièce de musée, et toute l'interface utilisateur est constituée d'encre blanche sur du verre noir mat.
- Krea — galerie noir à minuit
- Factory — Le terminal de la « salle de guerre» à minuit. L'« usine» est un panneau de contrôle noir austère où une simple carte blanche apparaît comme un ordre éclairé par une lampe torche; le seul objet dans la pièce est le travail lui-même.
- basement — Une presse à imprimer vide à 3 heures du matin – d'énormes caractères compressés s'étalant sur le noir absolu, une unique lueur orange sur la barre de navigation, tout le reste blanc ou gris fantomatique.
- Stink Studios — Un studio de cinéma à minuit – le projecteur bourdonne, la pièce est plongée dans l'obscurité, seule la pellicule est éclairée
- Apple (España) — théâtre noir avec éclairage
- Charlie — Typographie gravée dans la pierre d'un monastère sur de l'obsidienne. Un portfolio où un simple mur rouge crée un silence assourdissant.
- Rive — Vision nocturne haute précision. L'interface est dotée d'une lentille spéciale qui pénètre l'obscurité pour une mise au point d'une netteté absolue sur les détails techniques.
- Datalands — Une cathédrale noire illuminée par une unique pulsation de néon. Le logo remplit la nef; le reste n’est qu’un texte à peine audible en arrière-plan.