ThoughtLab
Un monumento de obsidiana con una señal carmesí. Un lienzo de vacío negro, donde el único objeto de color rojo intenso en la catedral, impreso en grandes letras blancas, es una sola figura cromática.
ThoughtLab funciona como un lenguaje de diseño de Black Cathedral: un lienzo negro en blanco, un único pulso rojo y una tipografía tan grande que funciona como arquitectura. El sistema es casi completamente acromático: #cccccc representa el cuerpo, #ffffff representa la pantalla, con #fc1c46 apareciendo solo para una única acción principal, como una oleada controlada de tensión sobre un fondo vacío. La jerarquía se construye mediante saltos de escala bruscos (198px → 14px), en lugar de mediante color, sombras o rellenos. Los componentes son ingrávidos: tarjetas transparentes, botones en forma de píldora, campos de entrada delgados, ausencia de apilamiento elevado; la página respira a través del espacio negativo y las mayúsculas densamente empaquetadas, en lugar de a través de contenedores.
Un lienzo oscuro abarca todo el ancho de la página, con amplios márgenes horizontales (126 px a cada lado, lo que hace que la columna de contenido alcance aproximadamente los 1400 px). El encabezado es una sola línea de 72 px: el logotipo a la izquierda, el eslogan en el centro, el botón de llamada a la acción en forma de píldora y la barra de hamburguesa a la derecha. El elemento principal es una composición dividida: un titular sobredimensionado de 198 px en mayúsculas a la izquierda con texto de apoyo 18 px debajo, mientras que una esfera 3D se superpone al texto a la derecha del centro, "devorándolo" parcialmente. Debajo del elemento principal, las secciones se organizan en un ritmo vertical espacioso con espacios de 86 a 108 px entre ellas. Los elementos de la obra se muestran como una lista, ocupando casi todo el ancho de la página, en lugar de como una cuadrícula de tarjetas. No hay barra lateral, ni megamenú, ni pie de página con una cuadrícula de columnas; el pie de página es una sola línea silenciosa con información de derechos de autor e información de contacto #4c4c4c. La navegación más allá del encabezado se inicia como un menú de hamburguesa en una superposición a pantalla completa.
Las imágenes son escasas y cuidadosamente seleccionadas. El elemento visual dominante es una gran esfera de líquido obsidiana, renderizada en WebGL: una forma 3D oscura, casi negra, con sutiles reflejos azules y ámbar en el borde, que flota sobre un fondo negro y se superpone parcialmente al título. Funciona más como iconografía de marca que como ilustración. Las miniaturas de los proyectos se muestran como fotos o vídeos en una lista vertical, presentadas de borde a borde sin margen. No hay fotos de estilo de vida, ni imágenes de archivo, ni degradados decorativos. La esfera y el texto son los únicos elementos visuales de la página.
Paleta
Marca
- Crimson Signal
#fc1c46— El elemento distintivo es un único detalle en color rojo; aparece en la pestaña "Contactos", en el logotipo de la marca y en ningún otro lugar. Su rareza se debe a las particularidades del diseño.
Neutral
- Void
#000000— El fondo de la página, el lienzo, es el fundamento absoluto sobre el que flotan todos los demás elementos. - Ash
#cccccc— Texto principal y de enlace, tono de texto predeterminado sobre lienzo negro (elegido en lugar de blanco puro para suavizar el brillo óptico). - Frost
#ffffff— La capa más destacada, destinada a contenido que debe ser lineal, es la que muestra los encabezados, el texto de los botones, el texto de los campos de entrada y el marcado. - Graphite
#4c4c4c— Derechos de autor, metaetiquetas, texto auxiliar: se han atenuado intencionadamente para que no compitan con el texto principal.
Tipografía
De 10 a 198 píxeles · 7 pasos
- sui — reemplazo: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · esquemas 300, 400, 500, 700 · Una sola fuente. Sui es una fuente geométrica sans-serif de diseño personalizado, utilizada para todo tipo de textos, desde 198 px para titulares hasta 10 px para subtítulos. El grosor de 700 está reservado para titulares monumentales y títulos grandes; el grosor de 400 se utiliza para el resto del sistema. El contraste entre negrita y regular constituye el sistema tipográfico principal; no se requiere una segunda familia.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 9px |
| Radio del botón | 9999px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 86-108px |
| Ancho de página | 1400px |
La IA construirá tu sitio web al estilo de ThoughtLab y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Vivid+Co — luz prismática a través de la obsidiana
- Sequel — Una proyección privada al anochecer es la única luz cálida en un cine que, por lo demás, está a oscuras.
- Dovetail — Un plano bajo una luna negra: líneas gráficas apenas visibles, fuente blanca, un destello púrpura.
- MekaVerse — Una galería monocromática de artefactos digitales: un vacío negro sólido donde el mundo renderizado cuelga como una pieza de museo, y toda la interfaz de usuario es tinta blanca sobre cristal negro mate.
- Krea — galería noir a medianoche
- Factory — La terminal de la "sala de guerra" a medianoche. La "fábrica" es un panel de control de un negro austero donde una sola tarjeta blanca aterriza como un despacho iluminado por una linterna; el único objeto en la sala es el trabajo en sí.
- basement — Una imprenta vacía a las 3 de la madrugada: fuentes enormes y comprimidas que se extienden sobre la oscuridad absoluta, un único destello de luz naranja en la barra de navegación, todo lo demás blanco o gris fantasmal.
- Stink Studios — Un estudio de cine a medianoche: el proyector zumba, la sala está oscura, solo la película está iluminada.
- Apple (España) — Teatro negro con iluminación ambiental.
- Charlie — Tipografía tallada en piedra de monasterio sobre obsidiana. Un portafolio donde una sola pared roja crea un silencio ensordecedor.
- Rive — Visión nocturna de alta precisión. La interfaz incorpora una lente especial que penetra la oscuridad para enfocar los detalles técnicos con absoluta claridad.
- Datalands — Una catedral negra con un único pulso de neón. El logotipo llena la nave; todo lo demás es texto apenas audible debajo.