Design System · Imob 2.0

Elevando Padrões

Uma linguagem de design premium, unindo estética transparente, animações fluidas e componentes refinados para o mercado imobiliário de alto padrão.

Filtro Rápido

Localização

Valor Estimado

R$ 15.000.000

Luxo & Exclusividade

Interfaces criadas para encantar.

01. Tipografia

Expressão Visual

Jost — Display (Títulos)

Heading 1 / 80px / Light

H1 Exemplo

Heading 2 / 48px / Regular

H2 Exemplo

Heading 3 / 32px / Medium

H3 Exemplo

Inter — Body (Leitura)

Body LG / 18px / Light

A sofisticação mora nos detalhes. Espaços projetados para inspirar e transcender a expectativa, oferecendo conforto inigualável.

Body Base / 16px / Regular

Cada componente deste design system foi meticulosamente desenhado para transmitir confiança e exclusividade.

Caption / 12px / Medium, Uppercase

Rótulos, Badges e Metadados

02. Sistema de Cores

Paleta Minimalista

Zinc 900 (Black)

#000000 · Texto Primário

Zinc 500

#71717A · Texto Secundário

Zinc 100

#F4F4F5 · Backgrounds

White

#FFFFFF · Cards / Superfícies

03. UI Components

Elementos Interativos

Botões

Inputs & Controles

Campo de Texto

Seleção

Cards (Listing)

Destaque

Mansão Aurora

Jardim Europa, SP

R$ 25.000.000

5 6 850m²

Badges & Tags

Venda Locação Disponível

04. Iconografia & Movimento

Sutileza & Precisão

Ícones (Solar Icons)

Home

Key

Map

Bed

Bath

Size

Star

Classes de Animação (GSAP / CSS)

.reveal Fade Up via ScrollTrigger

.float CSS keyframes flutuação contínua

.bloom Pulsar glow background (radial blur)

.text-outline-white/dark Lettering transparente com borda

.hover-glow Box shadow suave no hover