P B Q
Design system v1 · Templum · Brand Book 2025

Um sistema visual
que traduz a oportunidade
do novo MCMV em página.

Tokens, tipografia Montserrat e componentes refinados — combinando a estrutura dos modelos Aura e Green Museum com a identidade Templum.

Ver componentes Tipografia
+87,5K
Famílias
R$ 13K
Renda
R$ 600K
Imóveis
Construtora pronta para a oportunidade MCMV
Quem está pronto
avança agora.
+87,5K
famílias com acesso a crédito mais barato
01 — Tipografia

Montserrat refinada.

Família única Montserrat. Headlines em Medium 500 com tracking negativo (refinamento Aura). SemiBold 600 para subtítulos. ExtraBold 800 reservado apenas para stat numbers. Body em Regular 400.

Display 1.display-1
O jogo mudou.
96px / 0.94
500 · -0.04em
Display 2.display-2
Sua construtora está pronta?
80px / 0.95
500 · -0.035em
Heading 1.h1

A oportunidade silenciosa do novo MCMV

64px / 0.98
500 · -0.03em
Heading 2.h2

A maioria não vai aproveitar

48px / 1.0
500 · -0.03em
Heading 3.h3

Diagnóstico estratégico individual

32px / 1.1
600 · -0.022em
Heading 4.h4

PBQP-H + GERIC alinhados

20px / 1.2
600 · -0.018em
Bold L.bold-l

Acesso estruturado ao novo ciclo de mercado.

18px · 600
Bold M.bold-m

Sem PBQP-H, sem acesso.

15px · 600
Bold S.bold-s

SESSÃO ESTRATÉGICA

13px · 600
Paragraph.paragraph

Renda ampliada até R$ 13 mil e imóveis até R$ 600 mil aumentam o potencial de mercado — mas exigem estrutura.

17px / 1.6 · 400
Regular L.reg-l

Diagnóstico, avaliação PBQP-H, direcionamento GERIC e plano de próximos passos.

15px / 1.55 · 400
Regular M.reg-m

Sessão sem custo. Sem compromisso. Limitada por semana.

13px / 1.5 · 400
Regular S.reg-s

Fonte: Governo Federal · MCMV · expansão 2025.

12px / 1.5 · 400
Label Caps.label-caps
Atualização oficial
11px · 600
0.14em
02 — Cores

Paleta Templum.

Laranja #FF5925 como ação. Cream #FFF4DD e bg warm como base. Navy #222831 como contraponto institucional. Marrom #7F2611 dedicado a PBQP-H.

Brand · Orange

Orange Dark#AF4022Hover · pressed
Orange#FF5925PRIMARY · CTAs
Peach#FDA47DImage bg · soft
Peach Light#FDD88CHighlight
Cream#FFF4DDPage surface

Yellow · Accents

Yellow#FDB73FTag · spotlight
Yellow Bright#FFEE0DPop accent

Dark · Institucional

Black#000000Pure
Navy#222831Text · dark surface
Brown Deep#4F251BBrown family
PBQP-H#7F2611Sub-brand

Surfaces

PAGEBG — #FFFAEB
CREAM#FFF4DD
PANEL#FFFFFF
GLASSwhite 92% + blur
CTAOrange — #FF5925
DARKNavy — #222831
03 — Componentes

UI canônica.

Botões, badges, status pill, stat cards, step cards, image cards, FAQ e blocos CTA.

Buttons

Primary Agendar Agendar sessão Agendar sessão estratégica Quero meu diagnóstico Disabled
Dark Saiba mais Saiba mais Falar com especialista
Ghost Ver detalhes Ver detalhes Ver detalhes
Icon

Badges & status

Variants Atualização oficial Em alta +87,5K famílias Cream GERIC · Caixa Agenda limitada Quente PBQP-H
Status pill Sessões abertas esta semana Última semana de agenda

Stat cards

Famílias
+87,5K
com acesso a crédito mais barato.
Renda
R$ 13K
limite ampliado de financiamento.
Imóveis
R$ 600K
teto novo para o MCMV.
Mercado
+2,5x
capacidade real de financiamento.

Step cards

01
Diagnóstico
Avaliação da situação atual da construtora frente ao novo MCMV.
02
PBQP-H
O que falta para destravar a certificação que sustenta a aprovação.
03
GERIC
Como acelerar a aprovação na Caixa e reduzir entraves de processo.
04
Plano
Próximos passos com prazos e priorização de gargalos.

Checklist

  • PBQP-H consolidado
  • Aprovação na Caixa fluindo
  • Capacidade de financiamento ampliada
  • Sem PBQP-H
  • Projetos travados na Caixa
  • Falta de organização para aprovação

Image cards · arched (Green Museum)

+87,5K famílias Construtor pronto
Quem está pronto avança agora.
3 sinais críticos
Quem não está fica vendo.

FAQ

A sessão estratégica tem custo?
Não. É gratuita e individual. O objetivo é avaliar a situação real da sua construtora frente ao novo MCMV.
Em quanto tempo recebo retorno?
Após a sessão, enviamos uma proposta personalizada em até 48 horas com o caminho mais rápido.
Quem conduz a sessão?
Especialistas Templum em PBQP-H e GERIC com prática real em aprovação na Caixa.

CTA dark

Sessão estratégica

A trava não é o mercado.
É a sua estrutura.

Sem PBQP-H e sem alinhamento com a Caixa, a oportunidade simplesmente não chega.

  • Sem custo · sem compromisso
  • Conduzida por especialistas
Quero meu diagnóstico

Marquee

renda até R$ 13 mil imóveis até R$ 600 mil +87,5 mil famílias PBQP-H GERIC · Caixa renda até R$ 13 mil imóveis até R$ 600 mil +87,5 mil famílias PBQP-H GERIC · Caixa
04 — Layout

Ritmo & respiração.

Container 1300px (Aura) · grid 12 colunas · seções com 96px de padding · gaps em múltiplos de 8.

Containers

.container.xl — max-width: 1300px (Aura)
.container.lg — max-width: 1180px
.container.md — max-width: 1024px
.container.sm — max-width: 760px

12-col grid

Spacing scale (8pt)

8
16
24
32
48
64
96
05 — Motion

Comportamentos sutis.

Easings cubic-bezier suaves, durações 300–600ms. Sem entradas espalhafatosas — interação que reforça leitura.

Spin · selo
animation: spin 16s linear infinite
Pulse · status
Sessões abertas
@keyframes pulse · 1.8s
Lift · hover Passar o mouse translateY(-2px) · 350ms
Arrow slide Saiba mais translateX(6px) · 550ms
Image · scale + saturate
scale 1.06 + saturate · 1.4s
Vertical scroll (Aura)
"Aprovamos 3x mais rápido"
"Saímos do limbo do GERIC"
"Agora a Caixa libera"
"Aprovamos 3x mais rápido"
@keyframes vscroll · 12s
06 — Ícones

Solar linear.

Iconify · Solar icon set. Linear como padrão. Bold-duotone para destaques pontuais. Tamanhos 16/18/20/24/26.

arrow-right
arrow-right-up
check-read
close-circle
shield-check
bolt-circle
fire
calendar
buildings
chart
users
dollar
lock
target
document
arrow-down
play
info
rocket
medal