Documentação
Design System
Os blocos visuais que dão consistência e personalidade ao site da Entre Patas — cores, tipografia e componentes reutilizáveis.
Paleta de cores
Azul-marinho para estrutura, verde para ações de adoção, laranja para energia e doação.
#002045
Navy / Primária
navy
#006d3c
Leaf / Secundária
leaf
#ec7e2d
Sun / Destaque
sun
#f5f8fb
Sand / Fundo
sand
#1e2a37
Ink / Texto
ink
#e6ecf2
Line / Bordas
line
Tipografia
Montserrat · Títulos
Aa Bb Cc
Cada patinha importa
Pesos: 500 · 600 · 700 · 800
Inter · Texto
Aa Bb Cc Dd Ee
Texto de apoio, parágrafos e descrições. Legível, moderno e acolhedor em qualquer tamanho de tela.
Pesos: 400 · 500 · 600 · 700
Botões
Tags e filtros
check_circleVacinadoCãoA castrarPendentepriority_highUrgente
Campos de formulário
Barras de progresso e cards
Ração arrecadada62%
Meta de cobertores78%
pets
Card padrão
Sombra suave azulada · cantos 1.5rem
Os cards usam fundo branco sobre o cinza-azulado do fundo, com sombras delicadas e bordas arredondadas para um visual leve e amigável.
Ícones
Material Symbols (Outlined), arredondados e amigáveis, em toda a interface.
petsfavoritevolunteer_activismhomevaccinesnutritionhandshakediversity_3location_onpixsearchevent