Forest Authority · Caminho de Vida 4

JR Ortiz
Design System

Identidade visual construída sobre estrutura, permanência e precisão. Verde de floresta, não tecnológico. Frieza calculada de quem viu mais de R$4,8B em VGV sem perder a cabeça.

R$4,8B em VGV
23 anos de mercado
17 cidades
5 estados

Posicionamento

A identidade do JR Ortiz é filosófica antes de estética. Cada decisão de design deriva de um arquétipo central.

Posicionamento
"Investment Banking
para o mercado imobiliário"
Arquétipo
O Arquiteto. Fundador. Estrategista.
23 anos. Mansa Frieza.
Estrutura
cada elemento tem função, cada espaço tem razão
Permanência
sem tendências, design que envelhece bem como obra
Precisão
números, dados, métricas. nada de "mais ou menos"
Frieza
autoridade sem arrogância, distância sem exagero
Fundação
verde terra, creme editorial — não startup

"O verde não é uma escolha estética: é numerológica e filosófica."

Caminho de Vida 4 — fundação, estrutura, disciplina, terra

Sistema de Cores

Canvas creme editorial. Verde como autoridade. Ouro apenas onde há valor real — nunca como decoração.

#0D1F17
Obsidian Forest
Fundos dark, navbar, autoridade máxima
#1A3A2A
Deep Forest
Containers dark, headers escuros
#2E7D52
Emerald Core
Cor principal da marca, CTAs, links
#52B788
Sage Bright
Highlights, hover states, ativo
#F5F0E6
Warm Cream
Canvas editorial, fundo primário
#B8924A
Antique Gold
Acentos premium, track record
#8FAE98
Forest Mist
Textos secundários, legendas
#D4E9DC
Pale Sage
Backgrounds sutis, badges
#0D1B13
Ink
Tipografia principal sobre creme
01 — Raiz
Fundação
Passado inabalável, base, origem
#0D1F17
02 — Estrutura
Crescimento
Organizado, metódico, disciplinado
#1A3A2A
03 — Presença
Visibilidade
Ação, mercado, posição central
#2E7D52
04 — Expansão
Escala
Futuro, novas frentes, crescimento
#52B788

Tipografia

Quatro famílias com papéis rígidos. Nunca intercambiáveis. Cada fonte tem sua função específica.

Playfair Display
700 · Italic
clamp(3rem, 6vw, 5rem)
Estruturação de Negócios
Hero · H1 · Display
EB Garamond
400–600 · Italic
1.875rem
Análise profunda de mercado e metodologia de execução
H2 · Citações · Pull quotes
Inter
400–700
1rem / 1.65
Estratégia Imobiliária
Combinação de inteligência de dados com execução no campo. Visão sistêmica de cada transação.
Body · UI · Labels
JetBrains Mono
700 · Mono
variável
R$4,8B 23 anos 17 cid.
Métricas · VGV · Dados

Componentes

Todos os elementos derivam da mesma linguagem: estruturado, não suave. Nenhum border-radius acima de 8px.

Botões
Primário: #2E7D52 → hover #1A3A2A. Ghost: borda 1.5px #2E7D52. Nunca pill — border-radius: 4px.
Track Record Button
R$4,8B em VGV estruturado
23 anos de mercado
Background #1A3A2A · border-left 3px #B8924A · valor JetBrains Mono #52B788.
Badges e Tags
Imobiliário Estratégia Track Record 23 Anos
Background #D4E9DC · texto #1A3A2A · Inter 500 11px uppercase · letter-spacing 0.06em.
Card Editorial
Portfólio
PermutaPro
Plataforma de permuta imobiliária com inteligência artificial e automação de prospecção.
border-left 3px #2E7D52 · hover: border-color #2E7D52 · shadow sutil.
Pull Quote

"Rentabilidade não é um objetivo — é uma consequência de entregar valor real ao cliente."

JR Ortiz · XBrokers Brasil
EB Garamond italic · border-left 4px #2E7D52 · background #EDE8DF.

Do's & Don'ts

Regras que protegem a integridade da identidade. Não são sugestões — são limites da marca.

Sempre fazer
  • Verde escuro #1A3A2A como fundo de seções de destaque
  • JetBrains Mono para todos os números (R$4,8B, 23 anos, 17 cidades)
  • Playfair Display italic para declarações de posicionamento
  • Ouro #B8924A apenas em valores e track record — nunca decorativo
  • Muito espaço em branco creme — editorial, não cheio
  • Borda-esquerda verde em citações e dados de credibilidade
  • Grid de 4 métricas (numerologia 4) para track record
Nunca fazer
  • Nunca usar azul — nova identidade é 100% verde
  • Nunca verde vibrante ou neon (#A7FC19 é do Imobspot)
  • Nunca border-radius maior que 8px — estruturado, não suave
  • Nunca tipografia com weight < 400 — autoridade precisa de corpo
  • Nunca ícones de emoji na UI
  • Nunca headlines clichê: "Eleve", "Transforme", "Impulsione"
  • Nunca fundo branco puro (#FFF) — sempre creme #F5F0E6

Tokens CSS

Copie e cole no :root do seu projeto. Nenhum valor de cor hardcoded fora daqui.

:root {
  /* Canvas */
  --color-background:     #F5F0E6;  /* canvas creme editorial */
  --color-surface:        #EDE8DF;  /* surface elevada */

  /* Marca */
  --color-brand:          #2E7D52;  /* cor primária */
  --color-brand-dark:     #1A3A2A;  /* variante dark */
  --color-brand-light:    #52B788;  /* variante clara */

  /* Texto */
  --color-text-primary:   #0D1B13;  /* texto principal */
  --color-text-secondary: #5C7A66;  /* texto secundário */

  /* Acentos */
  --color-accent:         #B8924A;  /* ouro antigo — track record */
  --color-border:         #C8D9CC;  /* bordas sutis */

  /* Dark mode */
  --dm-bg:                #0D1F17;
  --dm-surface:           #1A3A2A;
  --dm-text:              #E8F0EA;
  --dm-border:            #2A4A35;

  /* Espaçamento */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  32px;
  --space-xl:  64px;
  --space-2xl: 96px;
}
Hero editorial (light)
Background #F5F0E6 cream. Playfair Display 700 italic headline in #0D1B13. Subtext EB Garamond #5C7A66. CTA button #2E7D52 uppercase Inter 600.
Track record strip — 4 métricas
Background #1A3A2A. Each cell: JetBrains Mono 700 value in #52B788, Inter 500 label in #8FAE98, border-left 3px #B8924A. Values: R$4,8B | 23 Anos | 17 Cidades | 5 Estados.
Navbar dark sticky
Background #0D1F17 95% opacity, backdrop-filter blur 12px. Logo "JR ORTIZ" Inter 700 13px letter-spacing 0.2em #F5F0E6. Nav links Inter 500 13px #8FAE98, hover #52B788. CTA outline #2E7D52.
Hero dark mode
Full-bleed hero on #0D1F17. Large Playfair Display 700 italic in #E8F0EA. Subtext Inter 400 #8FAE98. Accent word in #52B788. Bottom gradient to next section.
Metodologia 4 passos
Dark background #0D1F17. Step numbers JetBrains Mono #52B788. Titles Playfair Display white. Body Inter #8FAE98. Step connector: 1px dashed #2A4A35. Grid of 4 (numerology).