Guia de marca
A marca Stokker
Planilha não é sistema
Esta é a referência viva da identidade Stokker — logo, cores, tipografia e tom de voz. Todo material novo (arte, apresentação, tela) parte daqui para não divergir do canon. A própria página é construída com os tokens do nosso Design System.
Logo
O wordmark tipográfico “Stokker” em Inter Bold, com o par “kk” em teal, e o ícone “S” geométrico. O wordmark abaixo é texto real — selecionável e legível por leitores de tela.
--page-bg e afins).--accent no par central é canônica e não muda entre versões.Baixar os arquivos canônicos (SVG)
Cores
A paleta oficial usa os tokens do Design System (tema escuro, a identidade da marca). Cada bloco é pintado pelo próprio token; o hex ao lado é o valor exato em packages/styles/globals.css.
Marca e superfícies
Semânticas de status
Marca fixa × theming de cliente (white-label)
O teal --accent (#0EA5E9) é a marca Stokker — fixa e inegociável. Ele identifica o produto e não muda por cliente.
Cada empresa pode escolher um accent próprio dentro do app (empresas.accent_color; o padrão é DEFAULT_ACCENT em color-utils.ts, idêntico ao teal da marca). Isso é theming de tenant (white-label) — personaliza a experiência daquele cliente, mas não é a marca Stokker. Nunca confundir os dois: a marca é constante; o accent do cliente é configuração.
Tipografia
Inter em toda a interface e materiais. A escala tipográfica vive nos tokens --text-* e mantém a hierarquia consistente entre telas.
Pesos
Escala
Tom de voz
A Stokker fala como um gestor industrial fala com outro: par a par, direto, sem pompa. Combina dois arquétipos.
Companheiro do chão de fábrica. Linguagem do dia a dia de quem controla estoque, sem jargão de tecnologia. Acessível e confiável.
Autoridade que ensina com dado, não com discurso. Mostra o número, explica o impacto e deixa a decisão clara.
Princípios
- Registro peer-to-peer. Gestor industrial falando com gestor industrial — nunca de cima para baixo.
- Tagline oficial: “Planilha não é sistema”. É a única tagline da marca.
- Acentuação pt-BR impecável. Sem exceções.
- Sem slogan filler. Cada frase carrega informação; nada de enfeite vazio.
Vocabulário
- estoque
- almoxarifado
- material
- item
- O substantivo genérico p·e·ç·a (singular ou plural). Sempre trocar por um termo da coluna ao lado.
Nada aqui é inventado — tudo consolida decisões já registradas do projeto. Qualquer extensão futura de tom de voz deve ser validada com o dono antes de virar canon.