instrumento de precisão da meia-noite

O sistema de design Linear é um centro de comando noturno construído sobre superfícies quase pretas (#08090a) com tipografia branca nítida e um único detalhe em verde-limão (#e4f222) que funciona como uma lanterna funcional — pequena, de alto contraste e usada com parcimônia para indicar ações. A interface trata a escuridão como fundamento, e não como tema: o texto é branco nítido com espaçamento entre letras reduzido (-0,022em), as espessuras das fontes variam entre 400 e 510, em vez de negrito, e as bordas são ultrafinas (0,5px) para permitir que a geometria faça o trabalho normalmente realizado pelas sombras. Os componentes parecem ter sido cuidadosamente elaborados — raios de 6px e 12px, margens compactas de 8 a 12px e uma ausência quase completa de elementos decorativos — permitindo que a interface do usuário do produto (cartões de tarefas, quadros Kanban, painéis de agentes de IA) seja a única textura visual em um sistema que, de outra forma, seria calmo.

O layout tem uma largura máxima de aproximadamente 1200px, centralizado, com um fundo escuro que se estende até as bordas da área visível. O elemento principal é um título grande, alinhado à esquerda (64–72px), acompanhado por uma chamada para ação (CTA) alinhada à direita, seguida por uma grande captura de tela do produto que se estende ligeiramente além da largura máxima. O ritmo das seções alterna entre composições de duas colunas com texto à esquerda e uma imagem à direita, e faixas de exibição de produtos em largura total, separadas por espaçamento vertical de 96px. A faixa com o logotipo do cliente é uma única linha horizontal. A página nunca utiliza grades de cartões de três colunas ou estruturas em mosaico — a densidade de informações permanece baixa, com a maioria das seções utilizando amplo espaço em branco e um único elemento focal na tela. A navegação consiste em uma barra superior fixa com um logotipo alinhado à esquerda e links alinhados à direita, sem barra lateral ou megamenu.

A linguagem visual do Linear é baseada em capturas de tela do produto: as ilustrações no início e nas seções são imagens reais da interface do usuário do aplicativo Linear, capturadas com o máximo de detalhes — cartões de tarefas, quadros Kanban, painéis de agentes de IA, paletas de comandos — dispostas em molduras finas. Sem fotos de banco de imagens, imagens de estilo de vida ou ilustrações abstratas. Os logotipos são exibidos como uma faixa cinza neutra (#8a8f98) de tamanho uniforme para os clientes. Os ícones são imagens SVG lineares minimalistas em escala de cinza monocromática. A captura de tela no topo da página flutua sobre um sutil gradiente linear (do escuro para o claro), criando profundidade atmosférica sem usar paisagens reais. Cada elemento visual é um elemento funcional do próprio produto.