BAZEá
Navegar pelas camadas

Camada 05 · Programa Visual

Programa Visual — Tipografia

FechadoFechado em 2026-08-16Fonte: pvd/05-programa-visual-tipografia.md

Camada 5 do PVD (parcial) · Marca: BAZEá (slug: bazea)

Segundo subconjunto fechado da Camada 5, depois de 05-programa-visual-cor.md. Cobre a tipografia do logotipo/wordmark e da hierarquia editorial — não a exploração de lettering/caligrafia (essa foi testada, rejeitada por Alan em 2026-08-15/16 e não é reaproveitada aqui; ver seção 1). Fechado por Alan em 2026-08-16, a partir do ensaio entregas/bazea-o04.html.

Depende de: Camada 1 — Embasamento Visual (arquétipos Sábio + Herói). Alimenta: Camada 6 — Precisão Digital (sistema de UI).

Mesmo método já estabelecido pela cor: não é escolha por gosto, é candidata testada, comparada e descartada com justificativa registrada — inclusive as candidatas que perderam.


1. Contexto

A exploração de tipografia anterior — feita junto com cor e um estudo de logotipo/lettering baseado em referências de Construtivismo Russo e Poesia Concreta — foi descartada integralmente por Alan e não é reaproveitada aqui. Este documento registra a trilha completa da reconstrução, do zero, do item tipografia — incluindo os caminhos testados e abandonados, porque a rastreabilidade do "por que não" é tão relevante quanto a do "por que sim".

2. Trilha de decisão

2.1 Exploração inicial — Fraunces

Ponto de partida: a variação já em uso desde o .o03, motivada por leitura visual das formas orgânicas do "f" e do "d" e associação com a técnica de dobra de madeira presente em móveis planejados tradicionais da Av. Jurubatuba (SBC).

2.2 Cruzamento arquetípico

Fraunces é uma serifa humanista/transicional — categoria recomendada para o arquétipo Sábio (dominante na Camada 1), ao lado de Adobe Garamond, Dashiell Fine, LTC Kennerley, FF Scala. A robustez necessária para o Herói (apoio) foi mapeada para os pesos Black/Bold da família variável.

Tensão sinalizada: o Sábio, pela ficha do arquétipo, é fundado em razão e busca de verdade — registro historicamente frio/acadêmico (McKinsey, Harvard). A organicidade da Fraunces pertence mais naturalmente ao território do Prestativo/Criador. Resolução proposta na época: reformular como "Sábio-artesão" — conhecimento que vem da mão, não do escritório — ancorado na narrativa de marcenaria.

2.3 Camada de evidência independente — efeito Bouba/Kiki

Aplicação do princípio de iconicidade fonossemântica (Köhler, 1929; Ramachandran & Hubbard, 2001) ao nome BAZEá:

  • B, Z — consoantes sonoras/fricativas → perfil Bouba (fluidez, densidade)
  • A, Á — vogais abertas → magnitude/presença (Sapir, 1929), não o perfil Kiki de pequenez/agilidade

Conclusão: o nome BAZEá é foneticamente compatível com formas curvas/arredondadas — convergência independente com o argumento arquetípico e o narrativo, vinda de um eixo totalmente diferente (fonética, não branding).

Ressalva registrada: a validade do princípio geral é aceita; números percentuais específicos citados na fonte consultada (NotebookLM) não foram verificados contra o paper original e não devem ser citados como fato fechado sem essa checagem.

2.4 Teste comparativo — Bree Serif vs. Copse

Duas slabs testadas como alternativas:

FonteLeituraResultado
Bree SerifFriendly, lúdica, monolinearDescartada — puxa para Cara Comum/Inocente, não para Sábio
CopseSuave nas bordas, postura firmeCandidata viável, mas slab de baixo contraste muda a narrativa de "gesto manual" para "solidez industrial"

2.5 Aprofundamento — Tipografia Paulistana (LabVisual/FAUUSP)

Acervo de pesquisa histórica (tipos móveis usados em São Paulo, 1827–1927), consultado por indicação de Alan. Não é fonte de tipos utilizáveis (são espécimes de chumbo, não arquivos digitais), mas forneceu vocabulário formal objetivo, adotado como padrão de descrição a partir deste ponto:

  • Hastes: retas / côncavas / convexas / acidentadas
  • Conexão entre haste e serifa: curva / ângulo
  • Terminais: lacrimais / circulares / abruptos / curvos
  • Contraste: eixo, grau, transição (gradual / brusca / súbita)

A categoria "Toscana" do acervo (serifas bifurcadas/ornamentadas) foi identificada e descartada como tentação de narrativa — formalmente pertence ao registro Fantasia/Comediante, não Sábio.

2.6 Comparação final de candidatas

Quatro fontes comparadas contra a Fraunces (baseline), usando o vocabulário formal da seção 2.5:

FontePerfilResultado
Young SerifOld-style pesada, wonky, hastes com eixo diagonal, curvas propositais em "b"/"f"Forte, mas peso único — não fecha hierarquia sozinha
LoraCalligráfica, contraste moderado, Sábio "puro"Perde a narrativa de marcenaria quase por completo
BitterSlab de origem em grade de pixel, princípios racionais, não emocionaisEscolhida
Instrument SerifAlto contraste, transicional/didona, sem organicidadeUsada como controle — confirmou que a rota orgânica ainda fazia mais sentido que a puramente clássica

2.7 Decisão — Bitter

Testada com o nome completo da marca no preview do Google Fonts.

Pivô de narrativa registrado: a escolha da Bitter abandona a metáfora de "curva que a mão dobra" — Bitter não tem raiz caligráfica, nasce de grade de pixel. A narrativa de marcenaria foi revisada: passa de gesto manual para solidez estrutural — a bancada, não a mão. Ainda serve ao Herói de apoio (robustez, peso), mas não sustenta mais o argumento "Sábio-artesão" na forma como foi originalmente construído.

2.8 Fonte de apoio — critério e escolha

Decisão explícita de Alan: sistema unificado — título + corpo + UI em duas famílias, não três — por coerência com a Camada 6 (plataforma viva, multi-tenant).

Critério: neutralidade funcional em corpo longo e componentes de interface pequenos, sem reintroduzir organicidade que a Bitter não tem (evitar vozes conflitantes no sistema).

Candidatas avaliadas: Work Sans, Source Sans 3, Karla — todas grotescas humanistas com pareamento documentado com Bitter no mercado.

Escolhida: Work Sans. Máxima neutralidade nos três contextos (corpo / UI / contraste com o título), fonte variável com range de peso completo, x-height alto otimizado para tela — relevante para a densidade de componentes prevista na Camada 6.

2.9 Terceira fonte — avaliada e adiada, não descartada

Questionado se o projeto precisa de uma terceira família. Decisão: não, por ora. Duas fontes bem definidas mantêm disciplina de sistema e reduzem peso de carregamento — relevante para performance multi-tenant.

Exceção identificada e registrada para o futuro: elementos de dado técnico da Camada 6 (IDs de tenant, timestamps, slugs de subdomínio, campo justificativa da tabela de Rastreamento) podem justificar uma monoespaçada funcional — não como terceira voz de marca, mas como elemento de precisão de alinhamento tabular. Candidatas pré-identificadas para quando essa necessidade se concretizar em implementação real: JetBrains Mono, IBM Plex Mono. Até lá, Martian Mono (herdada do o02/o03 para chrome de interface — kickers, tags, código) continua em uso nos ensaios, sem ter passado por este processo de evidência.

3. Decisão final

PapelFonteClassificação formalFunção
Título / wordmarkBitterSlab serif, hastes retas, contraste baixo/nulo, terminais quadradosMarca, headlines, presença
Corpo / UIWork SansGrotesca humanista, hastes retasLeitura longa, componentes de interface
(standby)a definir na Camada 6MonoespaçadaDado técnico, precisão tabular

4. Escala tipográfica

NívelFontePesoDesktopMobileLine-heightUso
Display / HeroBitterBlack (900)64px / 4rem40px / 2.5rem1.1Wordmark, capa, hero
H1BitterBold (700)48px / 3rem32px / 2rem1.15Título de página/documento
H2BitterSemiBold (600)32px / 2rem24px / 1.5rem1.2Seção principal
H3BitterMedium (500)24px / 1.5rem20px / 1.25rem1.3Subseção
BodyWork SansRegular (400)16px / 1rem16px / 1rem1.6Parágrafo, texto corrido
Body SmallWork SansRegular (400)14px / 0.875rem14px / 0.875rem1.5Texto secundário
Label / UIWork SansMedium (500)14px / 0.875rem14px / 0.875rem1.4Botões, campos, tags
CaptionWork SansRegular (400)12px / 0.75rem12px / 0.75rem1.4Legendas, metadados

Regras embutidas: Body nunca abaixo de 16px; peso sobe com a hierarquia, nunca o contrário; Bitter nunca usada abaixo de H3 (~20px); Label/UI em Medium para diferenciar "interativo" de "texto de leitura".

5. Justificativa consolidada

Título — Bitter (slab serif). Hastes retas, serifas quadradas, contraste baixo/nulo, origem na grade de pixel. Representa o Herói de apoio (peso, robustez) sobre base de solidez estrutural — a peça construída para suportar uso e repetição, não o gesto manual que motivou a exploração inicial.

Corpo/UI — Work Sans (grotesca humanista). Neutralidade funcional testada em corpo longo e componentes de interface. Fonte variável, x-height alto, otimizada para tela — essencial para a Camada 6.

6. Recusado por doutrina ou por resultado, não por gosto

  • Bree Serif — lúdica e monolinear demais; lê Cara Comum/Inocente, não Sábio.
  • Lora — calligráfica, Sábio "puro" mas sem nenhuma raiz na narrativa de marcenaria/ofício do território.
  • Instrument Serif — controle de alto contraste; confirmou por oposição que a rota orgânica/baixo-contraste servia melhor à marca, mas não foi escolhida.
  • Toscana (categoria do acervo Tipografia Paulistana) — serifas bifurcadas/ornamentadas pertencem ao registro Fantasia/Comediante; tentação de narrativa, descartada por não corresponder ao arquétipo.
  • Terceira família (monoespaçada de marca) — avaliada e adiada, não descartada: ver seção 2.9.
  • Estudos de logotipo/lettering em Jost + construtivismo russo/poesia concreta — produzidos como exploração paralela em 2026-08-15/16, rejeitados integralmente por Alan ("não gostei, mantenha como está"). Nunca entraram no repositório; existem só como artefatos publicados fora deste projeto. Não confundir com a decisão de tipografia de título/corpo registrada aqui — são questões diferentes (letterform customizado vs. escolha de família tipográfica existente).

7. Em aberto

Dentro da Camada 5, ainda sem decisão:

  1. Validação da necessidade de monoespaçada de marca quando a Camada 6 entrar em implementação (seção 2.9).
  2. Revisão cruzada desta decisão contra a paleta de cor já fechada (05-programa-visual-cor.md) — confirmar que Bitter + Work Sans não introduzem nenhuma tensão nova contra os tokens de cor aprovados. A paleta em si não está em aberto, só essa checagem cruzada.
  3. Assinatura BAZEá — validar a quebra de caixa em aplicação pequena, bordado/gravação e fundo claro (item já registrado como aberto na cor; a tipografia de título aqui decidida ainda não foi testada nessa aplicação específica).
  4. Grid, componentes, motion, fotografia, iconografia, logotipo (letterform customizado) — não iniciados. O logotipo, especificamente, já teve uma tentativa rejeitada (seção 6) — não reabrir sem Alan trazer o próximo passo.

Rastreabilidade → Elemento (PROGRAMA), seed

tipoElementoVínculo → PrincípioJustificativa
tipografiaBitter (título/wordmark)arquétipo (Sábio + Herói)Slab de baixo contraste, hastes retas — solidez estrutural, vencedora de comparação formal contra 4 candidatas (seção 2.6)
tipografiaWork Sans (corpo/UI)valor (substância antes de aparência) + Camada 6 (plataforma)Neutralidade funcional, x-height alto, variável — não compete com o título, serve a leitura longa e UI densa
metodoVocabulário formal — Tipografia Paulistana (LabVisual/FAUUSP)posicionamentoMesmo princípio já aplicado à cor: evidência objetiva antes de escolha estética
metodoEfeito Bouba/Kiki aplicado a "BAZEá"território (nome próprio)Convergência independente (fonética, não branding) com a leitura arquetípica e narrativa — registrado com ressalva de fonte não verificada
tipografia_recusadaBree Serif, Lora, Instrument Serif, Toscanaarquétipo (rejeitado)Cada uma puxa a marca para um registro fora do Sábio+Herói — ver seção 6
tipografia_recusadaEstudos de lettering (Jost, construtivismo/poesia concreta)rejeitado por Alan, não por doutrinaDireção visual não aprovada; ver seção 6 — não reabrir sem indicação de Alan

Rastreabilidade desta página

Cada linha liga um elemento a um princípio do Embasamento. Clique no princípio para ver tudo o que ele sustenta.

  • Bitter (título/wordmark)

    Slab de baixo contraste, hastes retas — solidez estrutural, vencedora de comparação formal contra 4 candidatas (seção 2.6)

    → Arquétipo
  • Work Sans (corpo/UI)

    Neutralidade funcional, x-height alto, variável — não compete com o título, serve a leitura longa e UI densa

    → Valor
  • Vocabulário formal — Tipografia Paulistana (LabVisual/FAUUSP)

    Mesmo princípio já aplicado à cor: evidência objetiva antes de escolha estética

    → Posicionamento
  • Efeito Bouba/Kiki aplicado a "BAZEá"

    Convergência independente (fonética, não branding) com a leitura arquetípica e narrativa — registrado com ressalva de fonte não verificada

    → Território
  • Bree Serif, Lora, Instrument Serif, Toscana

    arquétipo (rejeitado) — Cada uma puxa a marca para um registro fora do Sábio+Herói — ver seção 6

    Recusado por doutrina
  • Estudos de lettering (Jost, construtivismo/poesia concreta)

    rejeitado por Alan, não por doutrina — Direção visual não aprovada; ver seção 6 — não reabrir sem indicação de Alan

    Recusado por doutrina