Área de proteção
Um módulo ao redor da marca preserva leitura.
Design system
Energia sem ruído.
Feminino sem clichê.
Fundamentos e componentes exclusivos do Alento Clube, separados da LG e da Vila Miolo.
- 5cores semânticas
- 2famílias tipográficas
- 8 ptbase de espaçamento
- AAmeta de contraste
01 · Marca
Um gesto aberto, nunca uma figura idealizada.
alentoclube
O símbolo combina arco, percurso e respiração. A assinatura “Força no seu ritmo” equilibra energia e autonomia sem prometer aparência.
Movimento
O arco pode sugerir percurso em transições.
Não fazer
Não distorcer, contornar ou aplicar sobre ruído.
02 · Paleta
Cores com trabalho definido.
A paleta diferencia base, ação, acolhimento e equilíbrio. Coral não vira decoração indiscriminada: sinaliza energia e decisão.
Azul-noite
Base e confiança
#101b35Coral goiaba
Ação e energia
#ef775fLavanda
Acolhimento
#9b8cffCreme mineral
Respiro
#f6f0e7Verde-sálvia
Equilíbrio
#a9c7b003 · Tipografia
Presença editorial.
Leitura humana.
Força no seu ritmo.
A display condensada em caixa alta (Anton) dá o tom atlético e direto dos títulos. A grotesca Archivo sustenta navegação, formulários, tabelas e leitura longa com ritmo confortável.
TítulosAnton condensada
InterfaceArchivo grotesca
EscalaResponsiva
04 · Estrutura
Espaçamento, grid e forma.
Uma base consistente evita que cada página pareça um novo projeto.
Escala de espaço
Múltiplos de 8 px organizam respiro interno e ritmo vertical.
Grid responsivo
Doze colunas no desktop, seis no tablet e quatro no mobile.
Cantos firmes
Raios curtos (0.4–0.7rem) em cards, mídia e controles reforçam precisão atlética.
Sombras
Duas elevações discretas: 0 6px 16px para cards e 0 14px 40px para elementos flutuantes.
05 · Fotografia
Pessoas e contexto antes da pose.
Mulheres diversas, movimentos plausíveis, luz natural e relações de orientação. Nunca usar antes/depois, sexualização ou corpo idealizado como promessa.
06 · Iconografia
Linhas retas, ideia de percurso.
SVG 24×24, traço de 1.6 px em currentColor e terminações arredondadas — mesmo padrão técnico do portfólio, com motivos exclusivos da marca.
Acolher
Porta com seta de entrada
Entender
Conversa em três pontos
Experimentar
Halter
Orientar
Bandeira de percurso
Acompanhar
Pulso de constância
07 · Componentes
Estados fazem parte do componente.
Botões, cards, tabelas, formulários e disclosures preservam foco visível, contraste e área mínima de toque.
Cards
Imagem, contexto, descrição e ação formam uma unidade navegável.
Formulários
Rótulos persistentes, validação compreensível e resultado anunciado.
Disclosures
Dados fictícios e limites aparecem próximos da decisão.
Veja o sistema aplicado, não apenas documentado.
Site, Instagram e motion usam os mesmos fundamentos.