dina

a inteligência da casa

Brand Book v2 · Liquid Glass
dina.dompedro.topsub-marca Dom PedroGaranhuns-PE

Conceito

De Leopoldina a dina

DINA é a inteligência régia da casa — herdeira de Leopoldina, a imperatriz culta que foi a mente por trás de Dom Pedro I. Onde o Dom Pedro é a sala de jantar, a dina é a mente que governa os bastidores. A marca-mãe é tradicional e impressa; a dina é a sua face de sistema — por isso ganha uma linguagem própria, moderna e de vidro líquido, sem perder o laço (o ladrilho da fachada segue presente, agora como textura).

Logo

Wordmark e símbolo — um OU outro

A wordmark "dina" (minúscula, fonte Sora, com degradê turquesa→royal) é a assinatura. O símbolo "d" de vidro é o ícone de app e favicon. Não se usam juntos num lockup — seria "d + dina".

Wordmark · fundo claro

Wordmark · fundo escuro (usar branca)

Ícone · claro

Ícone · escuro

Nunca

  • Ícone + "dina" grudados (redundante)
  • Wordmark preta/cinza (usar o degradê ou branca)
  • Distorcer, inclinar ou trocar a cor do vidro
  • Recriar o "d" com outra fonte — usar o SVG

Favicon

Lê na aba, até 16px

72
48
32
16
PNG: png/dina-icon-512·192·180 · SVG vivo: app/icon.svg

Cor

Turquesa manda, royal é sombra

Turquesa dina#15C6D6
Royal (sombra)#201D7F
Deep#14124A
Turquesa-texto#0B7885

Escala turquesa

100
300
400
500
600
700
800

Degradê-assinatura

turquesa → royal

Tokens completos em dina-tokens-v2.css (escalas, vidro, sombras, motion, semânticas).

Tipografia

Sora + DM Sans + JetBrains Mono

Wordmark / títulos · Sora

dina

400·500·600·700 · geométrica arredondada

Corpo / UI · DM Sans

Telas densas de ERP pedem clareza. DM Sans mantém a leitura leve e neutra.

400·500·600·700

Dados / sistema · Mono

CMV 28,4% · R$ 92k · 05/07 14:32

JetBrains Mono · códigos, métricas

Ladrilho & textura

O ladrilho da fachada, como marca d'água

Chevrons > < ^ v espalhados (não em grade), bem discretos. Regra de ouro: a marca d'água nunca fica atrás de elemento clicável — botões, cards e pills têm fundo sólido.

Hero turquesa
Cinza
Branco

Arquivos: bg/ladrilho-field-white.svg · bg/ladrilho-field-turq.svg (campo 900×900, 70 chevrons).

Iconografia & Motion

Traço · Lucide

Set Lucide (1,75px) para UI. Turquesa sobre claro, branco sobre turquesa. Cantos suaves combinam com o "d".

Motion

Fades com ease-out, sem bounce. 180/320ms. O vidro pode ter um brilho que desliza sutil. Respeita prefers-reduced-motion. Transição de degradê nos hovers de botão.

Ícones em liquid glass

Para módulos, apps e destaques: pastilha de vidro (mesmo degradê da marca) + glifo branco.

Visão geral
CMV
Estoque
Financeiro
CRM
Fichas

Aplicação

No app e no painel

dina

a inteligência da casa

CMV, estoque, fichas técnicas, financeiro e relacionamento — tudo numa casa só.

Entrar no sistema →
21:045G  100%
dina
P

Boa noite, Pedro.

Fechei o CMV — deu 28,4%. Melhor que junho.

CMV do mês
28,4%
Faturamento
R$ 92k
Últimos 7 dias↑ 8,3%
CMV
Estoque
Financeiro
CRM
Painel — visão geral
Julho · 2026
Faturamento
R$ 92k
↑ 8,3% vs jun
CMV
28,4%
↓ 1,2 pts
Ticket médio
R$ 78
↑ 3,1%
Faturamento diário
R$ mil

Cards e gráficos em vidro turquesa: KPI em destaque, área com degradê, ponto final marcado. Semânticas (alta/baixa) separadas do acento.

Voz

Próxima, sábia, direta — nunca robótica

A dina fala como uma conselheira de confiança: calma, certeira, calorosa. Curta. Trata por você. PT-BR sempre.

Pronto, fechei o mês.

O relatório do CMV já está te esperando. Qualquer coisa, é só chamar.

Uma coisinha pra você ver.

O estoque de gin tá baixo. Se quiser, eu já deixo o pedido pronto.

Diz assim: "Fechei o CMV. Deu 28,4% — melhor que junho."
Nunca: "Erro 402: operação inválida." · "Prezado usuário, informamos que…"

A "corte" — DITO (CRM), NICI (operação) — herda a voz com sotaque próprio. RONE a definir.