Grade
A grade (grid) é a base estrutural do layout.
Ela organiza elementos visuais como tipografia, colunas, caixas, ícones e ilustrações, garantindo consistência, responsividade e suporte ao conteúdo.
Sistema de Colunas
- O sistema utiliza 12 colunas, permitindo layouts flexíveis e consistentes.
- Essa estrutura facilita a diagramação e é compatível com os principais frameworks CSS, simplificando a implementação.
- Em telas menores, o número de colunas é reduzido para:
- 8 colunas em tablets.
- 4 colunas em smartphones.
Essa adaptação garante eficiência e equilíbrio em diferentes dispositivos.
Grade de 8 pontos
A grade de 8 pontos (8-point grid) é uma abordagem simples e eficaz para criar interfaces harmoniosas.
Nela, todos os elementos devem respeitar medidas múltiplas de 8 ou 4, o que assegura precisão, consistência e ritmo visual em espaçamentos, tamanhos e posicionamentos.
