Manual Oficial da Marca

Brand Book
Realizzati Móveis

Diretrizes completas de identidade, comunicação e design system para garantir consistência em todos os pontos de contato da marca.

Alto Padrão Móveis Planejados Sob Medida

Posicionamento Estratégico

A Realizzati não vende apenas móveis — entrega a eliminação do risco de uma execução malfeita. Nosso posicionamento equilibra dois mundos complementares que clientes de alto padrão exigem simultaneamente.

🏭

A Segurança de uma Indústria

Garantia de pontualidade, processos padronizados, maquinário de ponta e solidez financeira. Cronogramas rastreáveis e prazos cumpridos em contrato.

A Exclusividade da Marcenaria Fina

Liberdade total de design, detalhamento milimétrico, personalização sob medida e acabamentos manuais primorosos. Fidelidade absoluta ao projeto do arquiteto.

Perfis de Cliente

Atendemos dois perfis psicográficos distintos. Cada um exige uma abordagem de comunicação calibrada.

R$ 15.000 – R$ 30.000

O Otimizador

Quem é Proprietários de apartamentos novos, jovens casais ou investidores de imóveis para locação.
Desejo Central Aproveitar cada centímetro quadrado com móveis resistentes e esteticamente limpos.
Medo Central Estourar o orçamento ou receber móveis frágeis que se desgastam em poucos anos.
Alavanca Alívio de Complexidade e Segurança Financeira
R$ 100.000 – R$ 200.000+

O Esteta / Arquiteto

Quem é Clientes de alto poder aquisitivo ou os arquitetos que os representam.
Desejo Central Fidelidade absoluta ao projeto renderizado em 3D. Acabamentos nobres, ferragens ocultas e visual imponente.
Medo Central Que a marcenaria altere o projeto do arquiteto por "limitações técnicas" ou que os acabamentos venham imperfeitos.
Alavanca Status, Precisão Extrema e Credibilidade Técnica

Pilares Estratégicos

Valores inegociáveis que definem como operamos e nos diferenciamos no mercado.

01

Rigor Técnico e Engenharia de Detalhe

Calculamos folgas, estruturas de sustentação e alinhamentos de veios de madeira para que o resultado final seja simétrico e estruturalmente indestrutível. Não fazemos apenas móveis bonitos.

02

Transparência de Cronograma

O maior gargalo do mercado de marcenaria é o atraso. A Realizzati se posiciona com processos rastreáveis e prazos rigorosamente cumpridos em contrato.

03

Autonomia de Design

Diferente de franquias de planejados engessados, adaptamos a chapa de MDF ao milímetro exigido pelo projeto arquitetônico. Sem módulos fixos, sem limitações arbitrárias.

Linguagem Premium

Evitamos termos excessivamente floreados ou promessas vagas. Adotamos clareza técnica e sofisticação discreta, falando sobre benefícios de usabilidade e engenharia.

❌ Evitar ✅ Preferir 🎯 Objetivo Psicológico
"Móveis de alta qualidade" "Mobiliário com precisão estrutural e durabilidade testada" Substitui o clichê "qualidade" por atributos mensuráveis
"Ferragens alemãs importadas" "Sistemas de amortecimento e suavidade de movimento integrados" Foca na sensação física de luxo do uso, não em marcas aleatórias
"Melhor custo-benefício" "Investimento inteligente em valorização imobiliária" Afasta a ideia de "barato" e ancora o projeto como um ativo
"Marceneiros experientes" "Projetistas e engenheiros de detalhamento técnico" Eleva a percepção de competência técnica e planejamento
"Temos garantia total" "Suporte técnico estrutural de longo prazo e pós-venda ativo" Reduz a ansiedade do pós-compra de forma profissional

Copy por Segmento

R$ 15k – R$ 30k · Estágio: Solução Aware
Objetivo

Mostrar que a Realizzati elimina a bagunça e otimiza o espaço sem cobrar o preço inflacionado de marcas de luxo tradicionais.

Headline

A inteligência de planejar cada centímetro com rigor técnico.

Sub-texto

Otimize sua rotina com ambientes desenhados sob medida para o seu dia a dia. Estruturas robustas, acabamentos limpos e aproveitamento máximo de espaço com orçamento sob controle.

CTA → "Enviar meu projeto para análise de otimização"
R$ 100k – R$ 200k+ · Estágio: Product Aware
Objetivo

Garantir ao cliente e ao arquiteto que a Realizzati executará o projeto exatamente como planejado, sem adaptações grosseiras.

Headline

Fidelidade milimétrica ao design do seu arquiteto.

Sub-texto

A exatidão da execução industrial unida ao acabamento artesanal de alto padrão. Cavas usinadas, painéis com veios de madeira contínuos e alinhamento geométrico perfeito para projetos exigentes.

CTA → "Falar com um projetista especialista em alto padrão"

Resolução de Objeções

❝ O prazo de marcenaria sempre atrasa. ❞
Resposta Realizzati

Trabalhamos com cronograma de produção integrado. Você recebe relatórios de progresso do seu projeto e o cumprimento da data de entrega é garantido em contrato.

❝ E se o móvel não encaixar direito ou ficar raspando? ❞
Resposta Realizzati

Nossa equipe realiza a medição a laser in loco antes de cortar qualquer chapa de MDF. Toda peça é usinada em maquinário de precisão computadorizada (CNC), eliminando erros manuais de corte.

Paleta de Cores

Cinco tons que definem a identidade cromática da Realizzati. Clique em qualquer cor para copiar o código hexadecimal.

clique para copiar
Pure Dark
#1D1311
HSL 14° 25% 10%
Fundo primário do modo escuro. Fornece contraste nobre com matiz marrom quente — nunca use preto puro (#000).
Don't Não use #000000 ou #121212. Sempre preserve o matiz quente.
clique para copiar
Dark Espresso
#352520
HSL 14° 25% 17%
Transmite solidez da madeira nobre. Use como fundo de blocos e heroes escuros, e como cor de títulos sobre fundos claros.
Don't Não use sobre fundos cinzas puros sem contraste. Não aplique em textos abaixo de 12px sobre fundos escuros.
clique para copiar
Sand Gold
#C4A482
HSL 31° 36% 64%
Tom do latão escovado. Exclusivo para elementos de alta hierarquia: CTAs, ícones de destaque e hover de links.
Don't Não use em parágrafos longos (contraste baixo). Não aplique em grandes blocos sólidos — destrói a sensação de "detalhe precioso".
clique para copiar
Golden Muted Border
#DFD1C1
HSL 31° 20% 85%
Exclusivo para linhas de divisão, bordas de cards (efeito Double-Bezel) e contornos finos de inputs.
Don't Nunca use em textos. Não use bordas maiores de 2px — as linhas devem ser finas para simular marcenaria fina.
clique para copiar
Soft Cream
#FAF8F5
HSL 40° 33% 98%
Off-white luxuoso que suaviza a leitura. Padrão para fundos de páginas claras e cards em interfaces escuras.
Don't Não sobreponha a textos em branco puro. Não use como cor de texto sobre imagens sem overlay escuro.
✓ Copiado!

Tipografia

Duas famílias tipográficas que equilibram autoridade clássica e clareza moderna.

Playfair Display
Playfair Display
Títulos, headers de seção, nomes de coleção
Regular 400 SemiBold 600 Bold 700 Italic 400i

Transmite elegância atemporal e autoridade de marca. Uso exclusivo para elementos de destaque — nunca para corpo de texto longo.

Inter
Inter
Corpo de texto, labels, navegação, dados
Light 300 Regular 400 Medium 500 SemiBold 600

Alta legibilidade em todas as resoluções. Ideal para textos longos, tabelas e elementos de interface. Base para todo o design system.

Tokens & Variáveis CSS

Variáveis CSS centralizadas que garantem consistência em todo o produto digital da Realizzati.

Cores

--color-pure-dark#1D1311
--color-espresso#352520
--color-sand-gold#C4A482
--color-border#DFD1C1
--color-cream#FAF8F5

Tipografia

--font-display'Playfair Display', serif
--font-body'Inter', sans-serif
--text-xs0.75rem
--text-sm0.875rem
--text-base1rem
--text-lg1.125rem
--text-xl1.25rem
--text-2xl1.5rem
--text-4xl2.25rem

Espaçamento

--space-xs0.25rem
--space-sm0.5rem
--space-md1rem
--space-lg1.5rem
--space-xl2rem
--space-2xl3rem
--space-3xl4rem

Bordas & Raios

--radius-sm0.375rem
--radius-md0.75rem
--radius-lg1.25rem
--radius-xl2rem
--border-thin1px solid var(--color-border)
--border-glow1px solid rgba(196,164,130,.2)

Regras de Componentes

Padrões visuais obrigatórios para garantir a identidade Realizzati em todos os componentes de UI.

01

Efeito Double-Bezel (Chanfrado)

Todos os containers de destaque devem ter borda sutil com opacidade (border: 1px solid rgba(223,209,193,0.2)) e cantos arredondados generosos (border-radius: 2rem). O interior deve conter um elemento ligeiramente menor, simulando o recuo geométrico de portas de armários planejados.

Double-Bezel
02

Botões com Micro-movimento

Botões de ação principais devem ter o texto alinhado à esquerda e o ícone de seta envolto em uma bolha à direita, com transições físicas suaves usando cubic-bezier(0.32, 0.72, 0, 1). O ícone deve se deslocar levemente no hover.

03

Imagens com Gradiente de Profundidade

Toda imagem de ambiente (cozinhas, closets, salas) deve ter um overlay gradiente escuro de baixo para cima, garantindo legibilidade total para textos e logos aplicados por cima. CSS: background: linear-gradient(to top, rgba(29,19,17,0.9) 0%, transparent 60%).

Auditoria de Consistência

Antes de publicar qualquer comunicação ou interface da Realizzati, responda estas perguntas obrigatórias.

?

Estamos usando jargões genéricos?

Se houver termos como "qualidade garantida" ou "melhor preço", reescreva focando na exatidão técnica e valorização imobiliária.

?

O contraste está legível?

Certifique-se de que nenhum texto em Sand Gold ou off-white esteja aplicado diretamente sobre fundos claros sem overlay escuro de contraste.

?

A mensagem respeita a autonomia do cliente?

Evite gatilhos de urgência agressivos ("Últimas vagas", "Sua chance acaba hoje"). Use CTAs baseadas em progresso: "Iniciar estudo do meu espaço".

Diretrizes de Agente IA

Regras comportamentais obrigatórias para todos os agentes de IA que operam neste workspace.

CRÍTICO · Git & Segurança

Proibição de Push Remoto

É estritamente proibido realizar git push para repositórios remotos sem autorização explícita do desenvolvedor humano. Todo código gerado deve resultar em testes locais e no máximo um git commit semântico local. A revisão e o envio para a nuvem são responsabilidade do desenvolvedor humano.

Frontend

Padrões de Engenharia

  • Mobile-First: Todo componente deve ser desenhado para telas pequenas primeiro, com prefixos responsivos para telas maiores.
  • Tipagem: Código rigorosamente tipado com TypeScript. Tags HTML5 semânticas e atributos aria-*.
  • Modularidade: Componentes complexos devem ser quebrados em partes menores antes de integrar à página principal.
Tom de Voz

UX Writing & Placeholders

Persona da marca: exclusiva, sofisticada, precisa e confiável. Ao gerar placeholders, use vocabulário de alto padrão:

❌ "Nossos Trabalhos" ✅ "Projetos Exclusivos"
❌ "Fale com a gente" ✅ "Agende sua Consultoria"

Arquitetura do Workspace

Organização dos diretórios e responsabilidades de cada projeto dentro do repositório Realizzati.

realizzati-design-system/
Decisões de UI, Design System, Brand Book e tokens de design
real-lead-capture/
Frontend de captura de leads — app React com Tailwind CSS
marketing-automations/
Scripts de tráfego pago, Google Ads e Meta Ads
internal-tools/
Ferramental interno e skills da IA (SKILLS_MANIFEST.md)

Configurações de Servidor

npm run devVite Dev Server na porta 8080 (host 0.0.0.0)
npm run tunnelTúnel externo via localhost.run apontando para 127.0.0.1:8080