Documents

Documentos & Apresentações

Como a Hogrid se apresenta no papel e no deck. Propostas, contratos, relatórios e apresentações seguem o mesmo rigor da interface: minimalismo, hierarquia por tipografia e consistência absoluta.

Princípios

Minimalismo, tipografia como hierarquia e consistência absoluta. Some a isso uma regra explícita: o corpo do documento é sempre claro, fundo branco ou off-white com texto Bancada. O único momento escuro é a faixa de capa no topo.

Minimalismo

Espaço em branco é ferramenta. Nada de ornamento, só o que carrega informação permanece.

Tipografia é a hierarquia

Peso e tamanho organizam a leitura, não cor nem caixas. A estrutura vem da fonte.

Consistência absoluta

Margens, fontes e espaçamentos idênticos em todo documento. Repetição é acabamento.

Capa — padrão universal

A capa é uma faixa horizontal no topo do documento, ocupando cerca de 40% da altura visível. Nunca uma página inteira vertical: é o formato de capa no topo, padrão para documentos HTML. Essa faixa é o único momento escuro. Fundo Bancada com pattern da marca sutil, logo branca, kicker mono com o tipo do documento, título em Ballinger 800, divisor Volts de 1,5px e versão com data. O corpo, embaixo, é sempre claro.

Proposta comercial

Plataforma sob medida

v1.0 · Jul 2026

Escopo e objetivos

Esta proposta descreve a plataforma sob medida, do discovery ao go-live. O corpo do documento é claro por padrão, com o texto em Bancada sobre fundo branco.

A hierarquia nasce da tipografia: títulos em Ballinger, corpo em Sarvatrik, sem caixas coloridas nem ornamento.

Estrutura de página interna

Documento claro em formato A4 com margens generosas. Header com a logo preta, nome do documento e sublinhado Volts; footer com validade, versão e número de página.

Proposta comercial

Válido por 30 diasv1.0 · Jul 202601

Tipografia em documentos

A hierarquia vem da fonte, sobre fundo claro. Ênfase por peso e itálico, jamais por caixas coloridas.

Título H1 · Ballinger 800

Subtítulo H2 · Ballinger 600

Corpo em Sarvatrik, 16px, entrelinha 1,65. O texto respira e a leitura flui. A ênfase forte vem do peso e a ênfase sutil do itálico, nunca de fundo colorido ou destaque em caixa.

Nível	Fonte	Tamanho / peso	Linha
H1	Ballinger	30px · 800	Linha Volts abaixo
H2	Ballinger	20px · 600	Sem linha
Corpo	Sarvatrik	16px · 400	Entrelinha 1,65
Ênfase	Sarvatrik	Peso / itálico	Sem linha

Tabelas em documentos

Header Bancada com texto branco em mono caixa alta, sobre corpo claro com zebra off-white. Apenas separadores horizontais, sem grades completas, padding 12×10.

Entrega	Prazo	Status
Discovery & arquitetura	Semana 2	Concluído
MVP funcional	Semana 6	Em andamento
Beta fechado	Semana 9	Planejado
Go-live	Semana 12	Planejado

Tipos de documento

Cada tipo tem formato, capa e finalidade definidos. Gráficos usam sempre a paleta chart-1..5 do laboratório.

Documento	Formato	Regra de capa / nota
Proposta comercial	`.docx / PDF`	Faixa de capa escura no topo, corpo claro.
Contrato	`.docx`	Página de assinaturas ao final, corpo claro.
Plano de metas	`.docx`	Estrutura de tópicos e prazos, corpo claro.
Relatório gerencial	`.docx / PDF`	Gráficos na paleta chart-1..5, corpo claro.
Apresentação comercial	`.pptx`	Faixa de capa escura com pattern; slides claros.
Apresentação interna	`.pptx`	Mesmo padrão, uso interno.

Versão e data

Toda peça leva versionamento e data no rodapé. Rastreabilidade é parte do acabamento.

v1.0 · Jul 2026

Formato: vMAJOR.MINOR mais mês abreviado e ano. Ex.: v2.3 · Nov 2026.

O que nunca fazer

Proibições em documentos

Corpo de documento escuro. O corpo é sempre claro, fundo branco ou off-white.
Caixas coloridas para dar ênfase. Use peso e itálico.
Grades completas de tabela. Apenas separadores horizontais.
Fontes serifadas. A marca é Ballinger com Sarvatrik.
Gradient text (background-clip em texto).
Logo branca sobre fundo claro. Em fundo claro, use a logo preta.
Volts como fundo largo ou corpo de texto.
Emoji ou ícones decorativos sem função.