Design System — Cores · Tipografia · Componentes · Ícones
1 — Colors
Brand
Primary
#1B3559
Primary Dark
#122440
Gold
#C9973A
Gold Light
#E8B458
Neutrals
White
#ffffff
50
#fafafa
100
#f5f5f5
200
#e5e5e5
400
#a3a3a3
600
#525252
900
#171717
Gradients
Hero gradient
Section gradient
2 — Typography
Heading 1 — text-6xl · font-black · leading-[1.1]
Realize o sonho do
imóvel perfeito
Heading 2 — text-4xl · font-black
Imóveis em Destaque
Heading 3 — text-xl · font-bold
Cobertura Garden Nobre
Body Large — text-lg · regular
Mais de 15 anos conectando pessoas aos melhores imóveis de São Paulo e região. Atendimento exclusivo, resultados comprovados.
Body — text-sm · regular
Processo ágil e transparente. Encontraram exatamente o que eu buscava em menos de duas semanas.
Label — text-xs · bold · uppercase · tracking-widest
Por que escolher a Horizonte
Caption — text-xs · regular
3 quartos · 2 banheiros · 145 m²
Price — text-lg · font-black
R$ 3.800.000
3 — Buttons
Primary
CTA / Gold
Search
Ghost / White
Icon only
Tabs — Search card
4 — Badges & Tags
Property type
Property tags
Filter tabs
Stars
5 — Cards
Property card
Service card
Residencial
Casas, apartamentos e coberturas nas melhores localizações.
Team card
Testimonial card
“Processo ágil e transparente. Encontraram exatamente o que eu buscava.”
Marcos Oliveira
São Paulo, SP
Stat item
1.200+
Imóveis
15 anos
Mercado
98%
Satisfação
6 — Form Elements
Select — default
Search card
7 — Icons (Lucide)
Used in project
Emoji icons
8 — Navigation
Topbar
Navbar