Bem-vindo ao Design System
Referência visual completa para todos os projetos de Magra em Casa. Paletas de cores, tipografia, componentes, layouts e assets prontos para usar.
Baseado no Manual de Identidade Visual oficial - Seções 01 a 05
12+
Primárias, Secundárias, Neutras
2
Montserrat + Playfair Display
21
Logos, Imagens, 3 formatos
5
Cores, Tipo, Espaço, Níveis, Layouts
Seções do Design System
Paleta de Cores
Laranja Principal
#FF812DLaranja Secundário
#E88C4ALaranja Terracota
#F5A623Verde Sucesso
#4CAF50Vermelho Negativo
#E56E6EAzul Diamante
#4A90D9Tipografia
Montserrat
Fonte Principal - Sans-serif geométrica, moderna e arredondada
H1: 48px / ExtraBold (800)
H2: 36px / Bold (700)
Body: 16px / Regular (400)
Playfair
Fonte do Logo - Serif elegante com alto contraste
Uso: Nome "Magra em Casa"
Estilo: Exclusivo para branding
Peso: 400-700
Pronto para começar?
Use este Design System como referência para todos os seus projetos de Magra em Casa