ThoughtLab
Um monumento de obsidiana com um sinal carmesim. Uma tela de vazio negro, onde o único objeto vermelho saturado na catedral, impresso em grandes letras brancas, é uma única figura cromática.
O ThoughtLab opera como uma linguagem de design inspirada na Catedral Negra: uma tela preta em branco, um único pulso vermelho e uma tipografia tão grande que funciona como arquitetura. O sistema é quase inteiramente acromático — #cccccc representa o corpo do texto, #ffffff representa a exibição — com #fc1c46 aparecendo apenas para uma única ação principal, como uma onda controlada de tensão contra um fundo vazio. A hierarquia é construída por meio de saltos bruscos de escala (198px → 14px), em vez de por meio de cores, sombras ou preenchimentos. Os componentes são leves: cartões transparentes, botões em formato de pílula, campos de entrada finos, ausência de empilhamento elevado — a página respira através do espaço negativo e de letras maiúsculas densamente compactadas, em vez de por meio de contêineres.
Uma tela escura ocupa toda a largura da página, com amplas margens horizontais (126px de cada lado, elevando a coluna de conteúdo para aproximadamente 1400px). O cabeçalho consiste em uma única linha de 72px: o logotipo à esquerda, o slogan ao centro, o botão de chamada para ação em formato de pílula e a barra de menu (hambúrguer) à direita. O elemento principal é uma composição dividida — um título grande de 198px em letras maiúsculas à esquerda, com o texto de apoio 18px abaixo, enquanto uma esfera 3D sobrepõe o texto à direita do centro, "engolindo" parcialmente o conteúdo. Abaixo do elemento principal, as seções são organizadas em um ritmo vertical espaçoso, com intervalos de 86 a 108px entre elas. Os elementos da obra são exibidos como uma lista, ocupando quase toda a largura da página, em vez de uma grade de cartões. Não há barra lateral, nem megamenu, nem rodapé com grade de colunas — o rodapé é uma única linha discreta com informações de direitos autorais e contato #4c4c4c. A navegação além do cabeçalho é aberta como um menu hambúrguer em uma sobreposição de tela cheia.
As imagens são escassas e intencionalmente selecionadas. O elemento visual dominante é uma grande esfera de líquido obsidiana, renderizada em WebGL — uma forma 3D escura, quase preta, com sutis reflexos azuis e âmbar ao longo da borda, flutuando sobre um fundo preto e sobrepondo-se parcialmente ao título. Ela funciona mais como ícone da marca do que como ilustração. As miniaturas dos projetos são exibidas como fotos ou vídeos em uma lista vertical, apresentadas de ponta a ponta, sem borda. Sem fotos de estilo de vida, sem imagens de banco de imagens, sem gradientes decorativos. A esfera e o texto são os únicos elementos visuais na página.
Paleta
Marca
- Crimson Signal
#fc1c46— O principal destaque é um único elemento vermelho; ele aparece na aba "Contatos", no logotipo da marca e em nenhum outro lugar. Sua raridade se deve às especificidades do design.
Neutro
- Void
#000000— O fundo da página, a tela, é a base absoluta sobre a qual todos os outros elementos flutuam. - Ash
#cccccc— Texto principal e de links, tom de texto padrão em fundo preto - escolhido em vez de branco puro para suavizar o brilho óptico. - Frost
#ffffff— A exibição de títulos, textos de botões, textos de campos de entrada e marcação é o nível mais proeminente, destinado a conteúdo que deve ser linear. - Graphite
#4c4c4c— Direitos autorais, meta tags e texto auxiliar foram intencionalmente silenciados para não competirem com o texto principal.
Tipografia
de 10 a 198px · 7 etapas
- sui — substituição: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · esboços 300, 400, 500, 700 · Uma única fonte. Sui é uma fonte geométrica sem serifa, criada sob medida, usada para tudo, desde títulos de 198px até legendas de 10px. A versão 700 é reservada para títulos monumentais e grandes; a versão 400 é usada para o restante do sistema. O contraste entre negrito e regular é o sistema de fonte principal; uma segunda família não é necessária.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 9px |
| Raio do botão | 9999px |
| Raio do cartão | 0px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 86-108px |
| Largura da página | 1400px |
A IA criará seu site no estilo ThoughtLab e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Vivid+Co — luz prismática através da obsidiana
- Sequel — Uma sessão privada após o anoitecer é a única luz quente em um cinema que, de resto, está escuro.
- Dovetail — Uma planta sob uma lua negra — linhas do gráfico quase invisíveis, fonte branca, um brilho roxo.
- MekaVerse — Uma galeria monocromática de artefatos digitais — um vazio negro sólido onde o mundo renderizado fica suspenso como uma peça de museu, e toda a interface do usuário é tinta branca sobre vidro preto fosco.
- Krea — galeria noir à meia-noite
- Factory — O terminal da "sala de guerra" à meia-noite. A "fábrica" é um painel de controle totalmente preto, onde um único cartão branco aterrissa como um despacho iluminado por uma lanterna — o único objeto na sala é a própria obra.
- basement — Uma impressora vazia às 3 da manhã – fontes enormes e comprimidas espalhadas pela escuridão total, um único brilho de luz laranja na barra de navegação, todo o resto branco ou cinza fantasmagórico.
- Stink Studios — Um estúdio de cinema à meia-noite - o projetor zumbindo, a sala escura, apenas o filme iluminado.
- Apple (España) — Teatro preto com acessórios iluminados
- Charlie — Tipografia esculpida em pedra monástica sobre obsidiana. Um portfólio em que uma única parede vermelha cria um silêncio ensurdecedor.
- Rive — Visão noturna de alta precisão. A interface possui uma lente especial que penetra na escuridão para focar em detalhes técnicos com absoluta clareza.
- Datalands — Uma catedral negra com uma única pulsação de néon. O logotipo preenche a nave; todo o resto é um texto quase inaudível por baixo.