# Casa3D - Identidade visual / 2026

## Marca oficial

A assinatura adotada combina **casa** em branco ou preto e **3D** em laranja, sem espaço entre as palavras. **ESPAÇO MAKER** aparece abaixo com a mesma largura visual. Usar os arquivos vetoriais oficiais para manter a geometria, o alinhamento e o intervalo entre linhas. O logo ilustrado anterior é acervo.

Nome legal no footer: **Espaço Maker Casa 3D**. CNPJ reservado até o proprietário fornecer o número.

## Tipografia

- **Chakra Petch Bold / peso 700**: logo e títulos principais.
- Chakra Petch 400, 500 e 600: títulos secundários e destaques de interface.
- **Manrope**: textos, navegação e formulários, pesos de acordo com a hierarquia.
- Texto corrido a partir de16px; controles14px; metadados pontuais12px. Tamanhos de título se adaptam à tela.

A geometria dos SVGs da marca foi convertida em contornos. Não depende de fontes instaladas no computador. Evitar deformação, troca de cores ou reconstruções com outra fonte.

## Paleta

| Cor | HEX | Função |
| --- | --- | --- |
| Preto Casa | #111211 | Base, texto e superfícies escuras |
| Branco | #F9F9F6 | Texto claro e respiro |
| Laranja Casa | #FF6B19 | Ação principal e destaque da marca |
| Azul | #147DF5 | Apoio e conteúdos de tecnologia |
| Verde | #B8F457 | Pequenos sinais e detalhes |
| Papel | #F5F5F1 | Áreas claras e leitura |

Predominância preto e branco. Laranja conduz as ações; azul é secundário; verde aparece em pontos pequenos. Contraste deve ser conferido em cada aplicação. Em campos laranja, prefira texto escuro.

## Geometria e aplicação

- Assinatura principal compacta e alinhada como um retângulo.
- Área de proteção: uma altura da linha ESPAÇO MAKER ao redor.
- Recomendação mínima em tela:160px de largura. No header:200px em desktop e160px em telas menores.
- Favicon: somente3D em laranja, Chakra Petch Bold.
- Ícones sociais em quadrados de47px com cortes diagonais e hover laranja; nomes ficam nos rótulos acessíveis e dicas, sem texto visível ao lado.
- Grids alinhados, bordas discretas, seções amplas e espaço entre texto e imagem.

## Movimento

Hover curto com mudança de cor e deslocamento sutil. Parallax e movimentos respeitam `prefers-reduced-motion`. Vídeos têm controles; sem som automático. Menus oferecem abertura por hover, teclado e toque.

## Imagens e tom

As imagens atuais são ilustrações conceituais. Fotos da equipe, instalações e projetos reais podem substituir esse acervo quando disponíveis e autorizadas. Linguagem direta, próxima e concreta, sem números, clientes ou resultados inventados.

## Downloads

- /brand/manual-identidade-casa3d.pdf - manual completo10p
- /brand/casa3d-brand-kit.zip - pacote da marca
- /brand/casa3d-logo-light.svg - versão para fundo escuro
- /brand/casa3d-logo-dark.svg - versão para fundo claro
- /brand/casa3d-logo-light.png - PNG transparente claro
- /brand/casa3d-logo-dark.png - PNG transparente escuro
- /favicon.svg - favicon3D vetorial
- /brand/casa3d-favicon.png - favicon512px
- /icons/README.md - fontes e licenças dos ícones sociais
- /downloads/portfolio-casa3d-2026.pdf - portfólio institucional
- /videos/casa3d-apresentacao.mp4 - vídeo institucional conceitual

Biblioteca do projeto: https://casa3d-espaco-maker.vercel.app/identidade-visual