Voltar ao Hub
Mandalla Lab
Guia de Implementação 003 // Styleguide Visual
Norma de Identidade

Styleguide.
A Voz Visual.

O Styleguide é o guia prático que traduz a alma da marca em regras de design. Ele garante que cada ponto de contato seja coeso, reconhecível e fiel à estratégia Mandalla de impacto e sensibilidade.

01. ANATOMIA DO LOGO

Área de Proteção & Respiro

Para garantir a integridade visual, o logotipo deve manter um espaço mínimo livre de outros elementos gráficos. Este espaço é definido pelo elemento "X" (baseado na altura do próprio logo).

Mandalla Lab
X
X
X
X

Uso Incorreto (Don'ts)

Não achatar/esticar

Não rotacionar

Não alterar cores

Não usar marca d'água

02. PALETA CROMÁTICA
Mandalla Deep HEX #000000
RGB 0, 0, 0
Mandalla Purple HEX #926ECC
RGB 146, 110, 204
Vibrancy Orange HEX #FF6C40
RGB 255, 108, 64
Social Teal HEX #4CB2AB
RGB 76, 178, 171
03. UNIVERSO TIPOGRÁFICO
Primária // Outfit

A B C D E F G H I J

Utilizada para títulos marcantes, manifestos e displays. Representa modernidade e impacto.

Secundária // Lato

Aa Bb Cc Dd Ee Ff

Utilizada para corpos de texto densos, guias e documentos. Representa legibilidade e técnica.

04. COMPONENTES INTERATIVOS (UI)

Botões (Padrão Lab)

Botão Primário Botão Secundário Botão Ghost

Alertas & Notificações

Sucesso: Operação concluída.
Atenção: Verifique os dados.
Erro: Falha na conexão.
Mandalla Lab

Mandalla Design System // Versão 2026.1

Propriedade intelectual da Mandalla Comunicação & Design. Uso restrito.