Para criar uma nova página Entrelaços.
Sete passos. Se você seguir, sai uma página que parece da marca. Se pular qualquer um, sai um SaaS roxo.
Sete passos
Importe os tokens
Cole o conteúdo de tokens.css no :root. Ele é a fonte única — nunca redefinir variáveis em escopos menores.
Carregue as 3 fontes
Inter Tight, Instrument Serif, JetBrains Mono via Google Fonts. <link href="https://fonts.googleapis.com/css2?family=Inter+Tight...">
Importe o base.css
Traz tipografia, eyebrows, botões, cards, badges, header pill, reveal-on-scroll, marquee — tudo nucleado e estável.
Construa pelas 11 dobras canônicas
Use a sequência. Pule alguma só com razão estratégica clara. Mantenha sempre Hero → Trust → Manifesto → Por que.
Aplique a regra de 3 do laranja
Ponto da logo (decorativo) + badge urgência (genuína) + UMA palavra-âncora (.protagonist). Conte na página antes de publicar.
Garanta uma inversão cream
Geralmente o Manifesto. Sem ela a página fica monotônica e cansa.
Rode o checklist final
Contraste WCAG ✓ · alt-text ✓ · focus visível ✓ · touch ≥ 44px ✓ · tom de voz checado contra o manifesto ✓ · regra de 3 do laranja ✓ · uma inversão cream ✓.