# Direção visual — AppForge Metal Store

## Abordagens consideradas

### Abordagem 1 — Metal de Precisão
**Very Brief Intro:** Uma interface premium inspirada em painéis de controle industriais, com azul metálico profundo, cinza celeste e detalhes de aço escovado. A sensação é de confiança técnica, organização e produto bem acabado.

**Probability:** 0.06

### Abordagem 2 — Céu Modular
**Very Brief Intro:** Uma leitura mais leve e editorial, com fundos claros, blocos modulares e azul celeste translúcido. A experiência seria acolhedora, limpa e orientada à descoberta.

**Probability:** 0.03

### Abordagem 3 — Circuito Noturno
**Very Brief Intro:** Uma estética escura de laboratório digital, com superfícies grafite, brilhos azuis controlados e camadas de profundidade. A intenção é comunicar inovação e operação contínua sem cair em excesso de neon.

**Probability:** 0.08

## Abordagem escolhida — Metal de Precisão

**Design Movement:** Neo-industrial premium, inspirado em instrumentos de aviação, interfaces de monitoramento e metal escovado contemporâneo.

**Core Principles:** Hierarquia técnica clara; contraste entre superfícies azuis profundas e áreas de leitura cinza celeste; assimetria funcional para separar descoberta, decisão e operação; detalhes de acabamento que sugerem robustez sem poluir.

**Color Philosophy:** O azul metálico representa confiança, controle e tecnologia pronta para uso. O cinza celeste cria respiro e legibilidade, enquanto pequenos acentos em azul elétrico sinalizam ações importantes. A paleta deve parecer refletir luz sobre metal, não apenas aplicar cores chapadas.

**Layout Paradigm:** Composição em trilhos: uma faixa superior de contexto, uma coluna de navegação/filtragem e uma área principal de catálogo. A home usa hero assimétrico, catálogo em cartões e uma faixa operacional para WhatsApp e acesso.

**Signature Elements:** Filetes diagonais que lembram chapas usinadas; cartões com linha de brilho e etiqueta de versão; ícone de marca formado por três lâminas metálicas convergentes.

**Interaction Philosophy:** Cada interação deve dar retorno curto e preciso: botões comprimem levemente, filtros atualizam sem surpresa e o carrossel usa controles óbvios. A interface deve transmitir que o usuário está comandando um catálogo confiável.

**Animation:** Entradas com deslocamento vertical sutil e opacidade, entre 180 e 260 ms. Hover com elevação discreta e reflexo no filete superior. Carrossel com transição suave, sem autoplay agressivo. Respeitar `prefers-reduced-motion`.

**Typography System:** Space Grotesk para títulos, números e navegação; DM Sans para descrições e microcopy. Títulos em pesos 600–700, corpo em 400–500, etiquetas em caixa alta com espaçamento ampliado.

**Brand Essence:** A vitrine técnica para encontrar aplicativos prontos, claros e confiáveis — feita para quem quer escolher rápido e operar melhor. Personalidade: precisa, segura, atual.

**Brand Voice:** Headlines curtas, objetivas e com vocabulário de produto. CTAs orientados à ação e microcopy que reduz dúvida.

Exemplos: “Escolha o sistema que move sua operação.” e “Ver detalhes e falar com um especialista”.

**Wordmark & Logo:** O símbolo usa três lâminas inclinadas formando um “A” abstrato, sem texto dentro do ícone. O wordmark combina “AppForge” em Space Grotesk semibold com “METAL STORE” em caixa alta espaçada.

**Signature Brand Color:** Azul-forja `#1C6FA8`, usado com parcimônia em ações, foco e linhas de destaque.

## Style Decisions

A interface deve manter o hero escuro como referência de produto industrial e levar a mesma linguagem ao catálogo claro por meio de textura celeste, separadores finos e superfícies com leitura de chapa usinada. O motivo das três lâminas será visível em filetes, cortes diagonais e brilhos nos cartões, nos blocos de imagem e no painel de acesso. Os cartões são tratados como placas certificadas de produto, com versão e categoria acima do nome e ação técnica no rodapé.