void #0E0A07 · base #17110C · tinta #241A13 · elev #33251A · linha #4A3524

Todas puxadas para o quente da Tinta. Nenhum cinza neutro entra no sistema: cinza esfria a marca.

plasma · âmbar · lima · água · violeta

Só para dado, status e stack de tecnologia — e no máximo dois por tela. Fora daí, quem fala é o Laranja Solar.

Terra. O fundo é quase todo #0E0A07 ou #17110C.

Papel e Brilho Quente: todo o texto vive aqui.

Laranja Solar. Só onde você quer o dedo da pessoa.

Laranja Solar sobre terra passa em texto grande e interface, não em parágrafo. Corpo de texto usa papel a 60–66%.

Presença digital que expande

ABCDEFGHIJKLMNOPQRSTUVWXYZ · 0123456789 · ÁÂÃÇÉÊÍÓÔÕÚ

Site de alta conversão, tráfego estratégico e automação de atendimento: uma estrutura completa, montada sob medida. Pra empresário que não tem tempo a perder.

Quem monta e responde sou eu, Matheus. Sem agência no meio, sem fila de tickets.

01 · Pilares de expansão

Dia 1 → Dia 2 → Dia 3 · +55 19 97179-8400 · Lindóia SP

Campo em repouso, chip, tag.

Card em hover, botão primário.

Elemento em foco, modal, popover.

Um por tela. O CTA que decide.

Todo painel elevado ganha inset 0 1px 0 rgba(255,231,201,.14) — a aresta de cima pega a luz, como metal.

Um raio de luz atrás do conteúdo, com blur(14px) e respiro de 9s.

Canvas fixo, 10 quadros pré-assados, 25 fps, densidade 0.7, opacidade 0.06, mix-blend-mode: screen. Desliga sozinho abaixo de 768 px.

Preenche conforme a rolagem: canvas com bezierCurveTo em 0.25/0.75 e quickTo de 300ms.

Só sobre foto, vídeo ou base neutra: o texto se inverte sozinho e dispensa scrim. Sobre o laranja da marca, não — a inversão do laranja é azul, e azul não existe aqui.

Interpolação de 1/6 por quadro. No papel claro o estado ampliado escurece em multiply; no escuro ele vira anel, porque disco cheio apagaria o texto por baixo.

IntersectionObserver a 20%, translateY(28px) + opacidade, atraso de 125ms × índice, uma vez só.

Velocidade por elemento — em página inteira, 0.10 a 0.26 da altura da janela; dentro de um painel, amplitude em px. Rotação de ±2° a ±22°, scrub de 1.5s de inércia.

Conteúdo duplicado e translate3d(-50%), com máscara nas duas pontas para não cortar palavra.

Vinte e quatro segmentos, cada ponto perseguindo o anterior a 34% por quadro. A espessura afina da cabeça para a cauda e cai a 30% quando há link sob o dedo.