ThoughtLab
Un monumento de obsidiana cun sinal carmesí. Un lenzo de baleiro negro, onde o único obxecto vermello saturado da catedral, impreso en grandes letras brancas, é unha única figura cromática.
ThoughtLab funciona como unha linguaxe de deseño de Catedral Negra: un lenzo negro en branco, un único pulso vermello e unha tipografía tan grande que funciona como arquitectura. O sistema é case enteiramente acromático (#cccccc representa o corpo e #ffffff representa a pantalla), con #fc1c46 aparecendo só para unha única acción primaria, como unha onda controlada de tensión sobre un fondo de baleiro. A xerarquía constrúese mediante saltos de escala pronunciados (198 px → 14 px), en lugar de mediante cor, sombras ou recheos. Os compoñentes son ingrávidos: tarxetas transparentes, botóns en forma de pílula, campos de entrada finos, ausencia de apilamento elevado (a páxina respira a través do espazo negativo e as maiúsculas densamente empaquetadas, en lugar de a través de contedores).
Un lenzo escuro abrangue todo o ancho da páxina, con marxes horizontais amplas (126 px a cada lado, levando a columna de contido a aproximadamente 1400 px). A cabeceira é unha única liña de 72 px: o logotipo á esquerda, o eslogan no centro, o botón de chamada á acción en forma de pílula e a barra de hamburguesa á dereita. O heroe é unha composición dividida: un título extragrande de 198 px en maiúsculas á esquerda cun corpo de texto de apoio de 18 px debaixo, mentres que unha esfera 3D se superpón ao texto á dereita do centro, "coméndoo" parcialmente. Debaixo do heroe, as seccións están dispostas nun ritmo vertical espazoso con espazos de 86–108 px entre elas. Os elementos da obra móstranse como unha lista, ocupando case todo o ancho da páxina, en lugar de como unha grella de tarxetas. Non hai barra lateral, nin megamenú, nin pé de páxina cunha grella de columnas: o pé de páxina é unha única liña silenciosa con información de dereitos de autor e información de contacto #4c4c4c. A navegación máis alá da cabeceira iníciase como un menú de hamburguesas nunha superposición de pantalla completa.
As imaxes son escasas e están seleccionadas intencionadamente. O elemento visual dominante é unha gran esfera de líquido obsidiana, renderizada en WebGL: unha forma 3D escura, case negra, con sutís reflexos azuis e ámbar ao longo do bordo, flotando sobre un fondo negro e superpoñéndose parcialmente ao título. Funciona máis como iconografía de marca que como ilustración. As miniaturas dos proxectos móstranse como fotos ou vídeos nunha lista vertical, presentadas de bordo a bordo sen bordo. Non hai fotos de estilo de vida, nin imaxes de stock, nin gradientes decorativos. A esfera e o tipo de letra son os únicos elementos visuais da páxina.
Paleta
Marca
- Crimson Signal
#fc1c46— O acento principal é un único elemento vermello; aparece na pestana "Contactos", no logotipo da marca e en ningún outro lugar. A súa rareza débese ás especificidades do deseño.
Neutro
- Void
#000000— O fondo da páxina, o lenzo, é a base absoluta sobre a que flotan todos os demais elementos. - Ash
#cccccc— Texto principal e de ligazón, ton de texto predeterminado sobre lenzo negro: escollido en lugar de branco puro para suavizar o brillo óptico. - Frost
#ffffff— Mostrar títulos, texto de botóns, texto de campos de entrada e etiquetas é o nivel máis destacado, pensado para contido que debe ser lineal. - Graphite
#4c4c4c— Dereitos de autor, metaetiquetas, texto auxiliar: silenciados intencionadamente para non competir co texto principal.
Tipografía
de 10 a 198 px · 7 pasos
- sui — substitución: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · contornos 300, 400, 500, 700 · Unha única fonte. Sui é unha fonte sans-serif xeométrica deseñada a medida que se usa para todo, dende 198 px para titulares ata 10 px para subtítulos. O grosor de 700 resérvase para titulares monumentais e títulos grandes; o grosor de 400 úsase para o resto do sistema. O contraste entre negra e normal é o sistema de fontes principal; non se require unha segunda familia.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 9px |
| Radio do botón | 9999px |
| Radio da tarxeta | 0px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 86-108px |
| Largura da páxina | 1400px |
A IA creará o teu sitio web ao estilo de ThoughtLab e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Vivid+Co — luz prismática a través da obsidiana
- Sequel — Unha proxección privada despois de escurecer é a única luz cálida nun cine que doutro xeito non é escuro.
- Dovetail — Un plano baixo unha lúa negra: liñas gráficas apenas visibles, fonte branca, un brillo púrpura
- MekaVerse — Unha galería monocromática de artefactos dixitais: un baleiro negro sólido onde o mundo renderizado pende coma unha exposición de museo e toda a interface de usuario é tinta branca sobre vidro negro mate.
- Krea — galería noir á medianoite
- Factory — O terminal da "sala de guerra" á medianoite. A "fábrica" é un panel de control negro e impoluto onde aterra unha única tarxeta branca coma un despacho iluminado por unha lanterna; o único obxecto na sala é a propia obra.
- basement — Unha imprenta baleira ás 3 da mañá: fontes enormes e comprimidas estendéndose pola escuridade total, un único raio de luz laranxa na barra de navegación e todo o demais branco ou gris fantasmal.
- Stink Studios — Un estudio de cine á medianoite: o proxector zumba, a sala está escura, só a película está iluminada.
- Apple (España) — teatro negro con accesorios iluminados
- Charlie — Tipografía esculpida en pedra de mosteiro sobre obsidiana. Un portafolio no que unha única parede vermella crea un silencio ensordecedor.
- Rive — Visión nocturna de alta precisión. A interface conta cunha lente especial que penetra na escuridade para enfocar os detalles técnicos con absoluta claridade.
- Datalands — Unha catedral negra cun único pulso de neón. O logotipo enche a nave; todo o demais é texto apenas audible debaixo.