LEW-ERP — Guia de Marca

Essência

Um produto que cuida de dinheiro e nota fiscal precisa parecer à altura: enxuto, preciso, premium. Nada de ruído. O dourado aparece pouco — e por isso vale.

Personalidade: premium & sofisticado, com autoridade de quem entende de margem e marketplace.

Promessa: clareza sobre o que o seller realmente ganha em cada venda.

Princípio visual: superfície escura petróleo + muito espaço em branco + dourado pontual.

O que evitar: navy/branco (Sellers Hub) e roxo+laranja (SoftUp). Marca própria, distinta.

Paleta de cores

Petróleo é a cor-âncora (superfícies, sidebar, hero). Dourado é a primária de destaque (CTAs, números-chave) — use com parcimônia. Teal para links e dados positivos. Neutros quentes (stone) para texto e fundos.

Petróleo — âncora

Petróleo 900

#062A2A

Fundos hero, painéis

Petróleo 800

#0B3A3A

Sidebar, superfícies

Petróleo 700

#0F4A4A

Hover sobre escuro

Petróleo 600

#156060

Bordas, divisórias

Âmbar/Dourado — primária (uso pontual)

Dourado 300

#FBD38D

Realces sobre escuro

Dourado 500 ★

#F59E0B

CTA, número-chave

Dourado 600

#D97706

Hover do CTA

Dourado 700

#B45309

Texto dourado s/ claro

Teal — acento · Neutros quentes

Teal 500

#14B8A6

Links, positivo

Areia

#FAFAF9

Fundo da app

Stone 300

#D6D3D1

Bordas, inputs

Stone 800

#292524

Texto principal

Semânticas (separadas da marca — dourado nunca = alerta)

Sucesso

#0F9D74

Margem boa, autorizado

Atenção

#C2410C

Divergência, ruptura

Erro

#DC2626

NF rejeitada, falha

Info

#0E7490

Avisos neutros

Tipografia

Serifa editorial nos títulos (ar premium) + sans neutra e legível na interface + monoespaçada nos números (alinhamento de valores financeiros). Fallbacks de sistema se as fontes não carregarem.

Display · Fraunces (serif) — títulos e marketing

Sua margem real, sem surpresa.

Texto/UI · Inter (sans) — corpo, botões, tabelas

Conecte sua conta do Mercado Livre e veja o que entra de verdade em cada venda — comissão, frete e taxas já descontados.

Números · IBM Plex Mono — valores, SKU, métricas (tabular)

R$ 1.284,90 · SKU-00231 · margem 23,4%

Escala

H1 — 34/40 Fraunces 600

H2 — 26/32 Fraunces 600

H3 — 19/26 Inter 600

Body — 16/26 Inter 400

Caption — 13/18 Inter 400

Logo & símbolo

Enquanto o nome não é definido, trabalhamos com um placeholder. O sistema (cor, tipo, espaço) já vale para qualquer wordmark futuro.

Wordmark provisório: nome em Fraunces 600, com um ponto dourado como assinatura (ex.: Nome.).

Símbolo: monograma geométrico em petróleo com detalhe dourado; deve funcionar em 24px (favicon) e em 1 cor.

Área de respiro: margem mínima ao redor = altura da inicial do wordmark.

Não faça: dourado em 100% do logo · gradientes berrantes · sombra pesada · esticar/inclinar.

Tom de voz — direto e objetivo

Frase curta. Verbo no comando. Foco no resultado para o seller. Sem jargão fiscal sem explicação, sem "marketês".

✓ Faça

Frases curtas, voz ativa: "Conecte o Mercado Livre."
Diga o benefício concreto: "Veja sua margem real."
Números no lugar de adjetivos.
Honesto sobre erro: "Não conseguimos emitir a NF. Veja o motivo."

✕ Evite

Rodeio: "Que tal darmos início ao processo de integração?"
Jargão solto: "Sincronize seu SKU via API REST."
Exagero: "A melhor plataforma do mundo!"
Culpar o usuário: "Você preencheu errado."

Microcopy (exemplos)

Botão: "Conectar Mercado Livre" · "Ver margem" · "Emitir NF-e"

Estado vazio: "Nenhum pedido ainda. Conecte um canal para começar."

Erro: "Repasse divergente: o ML cobrou R$ 4,20 a mais de comissão. Contestar?"

Sucesso: "NF-e autorizada. XML e PDF já estão no pedido."

Elementos de UI

Como o sistema se traduz em tela: dourado só no que importa, petróleo nos painéis de destaque, números em mono.

Botões

Badges de status

Autorizada Divergência Rejeitada

Margem real — pedido #84021

R$ 38,40 (23,4%)

já com taxas do ML

Aplicação & acessibilidade

Premium = contraste e clareza, não decoração. Regras para não quebrar legibilidade nem o ar sofisticado.

Dourado é acento, não texto. Não use #F59E0B para texto pequeno sobre branco (contraste baixo). Para texto dourado, use Dourado 700 (#B45309).

Texto sobre petróleo: use areia (#FAFAF9) ou Dourado 300. Garante leitura confortável.

Texto padrão: Stone 800 (#292524) sobre areia/branco — alto contraste.

Regra 60-30-10: ~60% neutro, ~30% petróleo, ~10% dourado. Dourado em excesso mata o premium.

Combinações aprovadas

areia sobre petróleo dourado 300 sobre petróleo grafite escuro sobre dourado stone 800 sobre areia dourado 700 sobre areia