Guia de Estilos
Esta página documenta a base visual criada para o site da Ateliux: páginas institucionais clean, cards leves, botões pretos, contrastes suaves, acentos técnicos em azul e uma experiência editorial dark dedicada ao blog.
Tipografia & Hierarquia
A base sans-serif prioriza leitura clara e hierarquia objetiva. Títulos fortes organizam cada seção, enquanto textos secundários em slate reduzem o peso visual e mantêm boa legibilidade em páginas comerciais, artigos e formulários.
Rr Ss Tt Uu Vv Ww Xx Yy Zz
Rr Ss Tt Uu Vv Ww Xx Yy Zz
Rr Ss Tt Uu Vv Ww Xx Yy Zz
Paleta do Projeto
Preto e branco sustentam a identidade e os CTAs principais. Superfícies off-white e tons slate organizam páginas clean, o azul destaca módulos e elementos técnicos, e o blog usa superfícies escuras para criar uma leitura editorial própria.
Biblioteca de Componentes
A mesma lógica visual conecta navbar, CTAs, cards de preço, módulos de use cases, blog dark, inputs e formulários. A Ateliux não cria apenas telas bonitas: constrói um sistema consistente para sustentar software real e suas próximas evoluções.
Módulo SaaS
Dashboard & permissões
Use case
Páginas institucionais usam fundos claros, hierarquia objetiva e CTAs pretos para conduzir a jornada comercial.
No blog, superfícies dark criam contraste editorial sem romper a identidade visual da Ateliux.
Julho 2026
Automação
Fluxo conectado
Ecossistema Ateliux
Frontend • Backend • Design