DIRETRIZES ESTRATÉGICAS DE IDENTIDADE VISUAL — SINCRONOW

Versão 1.1 · Maio de 2026 Documento estratégico de governança visual da marca

Atualização v1.1 (2026-05-26): refinamento cromático aprovado — Luz-Papel #F8F6F4, Tinta-Noite #22292F (undertone petróleo), escala Areia Dourada (substitui ponto Terra-Ocre), escala Petróleo (nova neutra-fria cotidiana), reposicionamento do Violeta-Sincronow como ativo simbólico raro, introdução do conceito de Surface Layering. Ver bloco "Mudanças desde v1.0" no fim do documento. Fonte de verdade técnica: Sistema Cromático Operacional.

Atualização v2.0 (2026-06-11): Sistema Visual v2.0 — modernização da camada visual operacional (sem alterar estratégia/verbal). Neutro base migra para a escala fria Alabaster (Golden Sand #DD7302 como único acento quente); tipografia passa a Bricolage Grotesque + Inter (sai a serif Newsreader); o chanfro obrigatório dá lugar a border-radius leve + adoção de shadcn/ui na camada de produto. Chanfro preservado como acento editorial opcional. Detalhes no Changelog do Brand System (entrada "Sistema Visual v2.0").

Atualização v1.2 (2026-07-05): este documento é confirmado como fonte única da identidade visual da marca (com o Sistema Cromático Operacional como fonte técnica de cor). A logo roxa/magenta original está oficialmente aposentada (DL-014 do Brand System) — qualquer ativação de canal, o Instagram em particular, espera a assinatura recolorida na paleta canônica (Tinta-Noite/Luz-Papel, conforme §1.4 e o Briefing de Construção da Assinatura); avatares e capas de redes só trocam quando a logo nova existir.

Atualização v1.3 (2026-07-18) — Design System v2 / DL-015: a identidade visual migra para a família violeta-índigo "Precisão Viva", decidida na tela (protótipo de 3 direções). A DL-014 está revogada e a logo original com gradiente índigo→violeta→magenta ressuscitou como marca oficial. Enquanto este documento e os sistemas Cromático/Tipográfico não forem recalibrados, a fonte técnica da camada visual são os tokens Precisão Viva (1-projects/design-system-v2/tokens/00-tokens.md no vault sincronow-mind) — em caso de conflito com o texto abaixo, os tokens prevalecem. Estratégia, verbal e personas seguem intactos; o conceito Estrutura Habitável permanece como âncora estratégica, com tradução visual a recalibrar. Detalhes: Decision Log DL-015 no Brand System.

---

Sobre estas Diretrizes

Este documento traduz a estratégia da marca Sincronow em decisões visuais aplicáveis. Não é brand book técnico de execução (construção pixel-perfeita, grids geométricos de desenho do símbolo, especificações de impressão pantone) — é briefing estratégico denso para quem for executar o design final, e régua de validação para qualquer aplicação visual produzida pela marca ou por terceiros.

Complementa o Manual de Identidade Verbal v1.0 (manual-identidade-verbal.md). Os dois documentos juntos compõem a governança da marca: o que se diz e como se mostra.

Como usar:

• O Conceito Visual ancora toda decisão. Lê uma vez, retorna sempre que houver dúvida.
• Os 7 Pilares detalham cada camada do sistema.
• O Teste de Força Proprietária é a régua de validação aplicada.
• Os Anexos consolidam códigos HEX, links de fontes e checklist final.

Régua mestra: A Sincronow constrói estrutura visual que pode ser habitada — não monumento que intimida, não decoração que se esquece.

---

CONCEITO VISUAL — ESTRUTURA HABITÁVEL

Frase única

A Sincronow constrói estrutura visual que pode ser habitada — não monumento que intimida, não decoração que se esquece.

Expansão

A marca aparece como arquitetura clara, organizada e cálida, no mesmo gesto. Estrutura porque sustenta o que vem em cima dela (a base como protagonista). Habitável porque humano cabe dentro dela sem precisar pedir licença. Toda decisão visual passa por essa dupla exigência — se a peça sustenta sem acolher, é monumento; se acolhe sem sustentar, é decoração.

Âncora estratégica

Lina Bo Bardi  →  SESC Pompeia: concreto brutal que sustenta vida calorosa
Conceição Evaristo  →  palavra estrutural que carrega presença afetiva
Hirayama (Perfect Days)  →  silêncio com propósito, sem ascetismo
Padeira brasileira  →  fazer bem feito sem performance

Régua aplicável

Em qualquer decisão visual, perguntar: (1) Esta peça mostra a estrutura que a sustenta? (2) Cabe um humano dentro dela sem intimidação?

Se sim para ambas, é Sincronow. Se sim só para (1), é monumento. Se sim só para (2), é decoração.

Tradução por pilar

O que esse conceito NÃO é

• Não é minimalismo asséptico (perde Cuidador).
• Não é monumentalismo brutalista (perde Presença).
• Não é maximalismo decorativo (perde Discernimento).
• Não é regionalismo cliché (perde sofisticação).
• Não é estética tech contemporânea (perde Integridade brasileira).

Tensão central a preservar

Estrutura e Habitabilidade puxam em direções opostas. Estrutura quer rigor, peso, hierarquia rígida. Habitabilidade quer ar, calor, humanidade. O sistema visual da Sincronow vive dentro dessa tensão — não a resolve. Toda peça é um equilíbrio reaberto a cada aplicação.

---

PILAR 1 — SINAIS E SÍMBOLOS

1.1 Status do símbolo atual

O símbolo da Sincronow — dois losangos entrelaçados em interlace — é ativo permanente da marca. Não é negociável. O sistema visual foi construído ao redor dele.

Razões:

1. Já é "Estrutura habitável" antes do conceito existir. Dois módulos que se sustentam mutuamente é literalmente a marca em forma — Arquiteto sem solidão.
2. Passa no Teste de Força Proprietária em versão monocromática.
3. Tem profundidade interpretativa. Entrelaçamento / S estilizado / módulos / camadas — múltiplas leituras enriquecem em vez de confundir.
4. A forma é proprietária. Não é losango da Renault, não é entrelaçamento do BMW, não é o nó das cordoarias. É construção própria.

1.2 Sistema de assinaturas

A marca opera em três assinaturas oficiais, escolhidas pelo contexto:

─────────────────────────────────────────────
ASSINATURA HORIZONTAL (PRIMÁRIA)

  [Símbolo]   Sincronow

Uso: cabeçalho de site, capa de documento, e-mail,
     assinatura institucional.
─────────────────────────────────────────────
ASSINATURA EMPILHADA (SECUNDÁRIA)

       [Símbolo]
       Sincronow

Uso: redes sociais (avatar quadrado, perfil de
     LinkedIn em formato quadrado), aplicações
     verticais, peças quando o espaço pede
     verticalidade.
─────────────────────────────────────────────
SÍMBOLO ISOLADO

       [Símbolo]

Uso: favicon, ícone de app, marca d'água, selo,
     papelaria pequena, watermark de documento.
     Só quando o contexto Sincronow já está
     estabelecido em outro elemento.
─────────────────────────────────────────────

Regra de uso: símbolo isolado só aparece quando o nome "Sincronow" já está presente no contexto imediato. Não usar símbolo isolado como única identificação em peça nova ou contato frio.

1.3 Versão simplificada para escalas pequenas

Observação técnica: o símbolo atual tem cruzamentos com linhas relativamente finas. Em escalas pequenas (favicon 16×16, ícone de app 32×32, papelaria embossing), esses cruzamentos podem perder leitura.

Recomendação: desenvolver uma versão otimizada para escalas pequenas — mesma forma geral, com:

• Espessura de linha levemente aumentada
• Cruzamentos simplificados ou marcados com gaps técnicos
• Versão "selo" solid fill (preenchido) em vez de linha aberta — útil para favicon

Threshold de ativação: abaixo de 24px na tela ou 12mm em impressão.

1.4 Versão monocromática

A versão azul-marinho profundo (refinada como Tinta-Noite #22292F no Pilar 3) funciona como versão monocromática primária.

A versão branca (negativa) é decorrência: símbolo em Luz-Papel #F8F6F4 aplicado sobre fundo Tinta-Noite ou outro neutro escuro da paleta — não sobre qualquer cor.

Regra: símbolo nunca aparece em uma cor da paleta de acento (Areia Dourada ou Violeta-Sincronow). Só Tinta-Noite, Luz-Papel, ou neutros profundos da paleta primária. Petróleo é admissível em aplicações utilitárias de UI (favicon dark-on-light de baixa hierarquia) mas não substitui Tinta-Noite em assinatura institucional.

1.5 Selo / Assinatura institucional

A marca usa um selo compacto para:

• Marca d'água em PDFs de documentos entregues
• Carimbo "Construído pela Sincronow" em peças onde a marca aparece como autora discreta
• Assinatura em vídeo (lower-third, encerramento)
• Foil em capa de documento físico

Composição base:

─────────────────────────────────────────────
SELO LINEAR (carimbo)

    [Símbolo]  SINCRONOW · CONSTRUÍDO PELA BASE
─────────────────────────────────────────────

Frase fixa do selo: "Construído pela base". Vem do vocabulário verbal aprovado, conversa com o slogan principal sem repeti-lo. Não rotaciona.

1.6 Símbolos derivados

Do símbolo principal extraem-se dois símbolos derivados para uso secundário:

(a) Módulo isolado. Um dos losangos do entrelaçamento, sozinho. Funciona como:

• Marcador de seção em documentos longos
• Bullet em listas (◇)
• Ponto de continuação em material editorial
• Granular para grafismos compostos

(b) Fragmento estrutural. Uma fração do entrelaçamento. Funciona como:

• Detalhe em capa
• Fim de seção
• Elemento de transição entre páginas
• Watermark sutil

Regra: símbolos derivados nunca substituem o principal em assinatura oficial. São família de extensão.

1.7 Regras de coexistência

Pode acompanhar a marca:

• Frase da família verbal oficial (slogan, assinatura filosófica, descritor) — mas nunca no mesmo bloco visual da assinatura horizontal. Fica abaixo, com respiro técnico.
• Selo institucional — em local separado da assinatura primária.
• Carimbo de versão / data — discreto, em rodapé.

Não pode:

• Outras marcas em fila ("Powered by", "Em parceria com") — exigem tratamento próprio.
• Tagline embutida na assinatura.
• Versões em arco, em volta de forma, em circle text.
• Animações com bounce, spin, flicker.

1.8 Não-aplicações do símbolo

A marca não:

• Roda em outro ângulo. O losango fica em 45°.
• Distorce proporcionalmente.
• Recebe outline adicional, sombra, glow, gradient overlay.
• É preenchida com textura, padrão ou imagem.
• Aparece em cores fora da paleta oficial.
• Tem o entrelaçamento "destrançado" em ilustração decorativa.
• Aparece junto de emojis na mesma linha.

---

PILAR 2 — SISTEMA TIPOGRÁFICO

2.1 Diagnóstico da tipografia atual

A fonte do logotipo aparenta ser Inter, Manrope ou família próxima. Funciona, é legível — e é o que toda startup tech usa. Não diferencia.

Tipografia da Sincronow precisa carregar gesto brasileiro maduro sem cair em regionalismo. Lina Bo Bardi escreveu projetos à mão com letra desenhada — gesto presente, sem decoração. Conceição Evaristo escreve com palavra que pesa sem grito. É esse o vetor.

2.2 Decisão estratégica: sistema em duas vozes

A tipografia opera em duas vozes complementares, não em fonte única. Cada uma resolve metade da tensão do conceito:

Terceira voz técnica opcional — monospace para dados/código/snippets em Company Brain e materiais técnicos. Entra como suporte, não como identidade.

2.3 Famílias oficiais (v1.0 — open-source)

─────────────────────────────────────────────
SINCRONOW DISPLAY
  Newsreader (Production Type, open-source)
  Função: títulos, capas, headlines, frase-âncora,
          manifesto, número de seção.

SINCRONOW TEXTO
  Mona Sans (GitHub, open-source)
  Função: corpo, UI, microcopy, navegação,
          legendas, tabelas, formulários.

SINCRONOW MONO
  JetBrains Mono (open-source)
  Função: código, dados, snippets, identificadores
          técnicos em documentos.
─────────────────────────────────────────────

Justificativa:

• Newsreader é serifa contemporânea multi-axis (variable font), com optical sizing — desenha letra diferente para cada tamanho de uso. Funciona em capa, em manifesto, em frase-âncora. Carrega gesto humano sem virar serifa acadêmica antiga.
• Mona Sans é humanista, com peso e largura variáveis. Foi feita pelo GitHub com calor real. Não é Inter/Manrope: tem curvas vivas, terminais com gesto, espaçamento generoso. Não é tech-frio.
• JetBrains Mono é monospace contemporânea, com ligaduras opcionais e leitura clara em escalas pequenas.

2.4 Migração futura (v1.1+)

Quando o volume e o orçamento justificarem, migrar para:

DISPLAY  →  Reckless Neue (Displaay Type Foundry)
TEXTO    →  Söhne (Klim Type Foundry)
MONO     →  Söhne Mono (Klim Type Foundry)

As famílias open-source escolhidas são deliberadamente próximas em desenho — a transição futura é evolução, não substituição.

2.5 Hierarquia tipográfica

─────────────────────────────────────────────
NÍVEL          FONTE                  TAMANHO REF.   USO
─────────────────────────────────────────────
H1 / Manifesto Newsreader Light       48–72 px       Capa, manifesto, frase âncora
H2 / Headline  Newsreader Regular     32–40 px       Seção de site, hero secundário
H3 / Subtítulo Mona Sans Semibold     22–28 px       Subseção, separador de bloco
H4 / Destaque  Mona Sans Bold         18–20 px       Marcadores dentro do corpo
Corpo          Mona Sans Regular      16–18 px       Texto longo, documento, e-mail
Legenda        Mona Sans Regular      13–14 px       Detalhe, créditos, notas
Microcopy / UI Mona Sans Regular      12–14 px       Botão, formulário, microcopy
Mono / Dado    JetBrains Mono Regular 14–16 px       Código, identificador, tag
─────────────────────────────────────────────

2.6 Tratamento do logotipo (assinatura "Sincronow")

A fonte atual do logotipo (Inter/Manrope) evolui para Mona Sans Bold com tracking customizado.

Recomendação para evolução em v1.0:

• Refazer assinatura "Sincronow" em Mona Sans Bold
• Ajuste fino de tracking (espaçamento entre letras) — sugestão inicial: -10 a -20 unidades
• Manter proporção atual entre símbolo e nome
• Manter espaçamento atual entre símbolo e texto

Caminhos alternativos avaliados:

• Newsreader Medium peso forte — mais editorial, mais radical. Risco: serifa em assinatura primária pede ajuste fino de tracking e peso para escala pequena.
• Lettering customizado — desenho próprio do nome, projeto futuro (v1.2+), quando a marca consolidar volume e orçamento.

---

PILAR 3 — SISTEMA DE CORES

Nota de governança. Este Pilar discute a paleta no nível estratégico — significado, território, narrativa, proporções de uso. As especificações técnicas reproduzíveis (escalas completas 50-950, RGB/CMYK/Pantone, matriz WCAG por par, tokens CSS/Tailwind/Figma, comportamento por meio) vivem no Sistema Cromático Operacional, que é a fonte de verdade técnica. Designer ou dev: para implementar, ler aquele documento. Aqui se decide por quê.

3.1 Lógica do sistema

O sistema cromático organiza-se em cinco famílias com função distinta. Cada família resolve um problema diferente da tensão "Estrutura habitável":

Mudança v1.1 — duas decisões importam aqui:

1. Petróleo assume as funções cotidianas que pressionavam o Violeta-Sincronow (links, hover, focus, estados). Isso libera a violeta para voltar a ser símbolo, não utilitário.
2. Areia Dourada é uma escala, não um ponto. O antigo Terra-Ocre (#C49A4A) era um valor único que falhava contra Luz-Papel para texto. A escala Areia Dourada (50-950) tem o pivô em #DD7302 e oferece variantes acessíveis para cada contexto.

3.2 Paleta primária — narrativa por família

TINTA — a base estrutural

─────────────────────────────────────────────
TINTA-NOITE       #22292F    azul-petróleo profundo. Undertone
                             frio com peso material. Substitui
                             o antigo #0F1E2E (que se aproximava
                             demais do preto puro).

                             Cor primária do símbolo, do
                             logotipo, do texto longo em fundo
                             claro, e do fundo invertido em
                             peças de gravidade.

TINTA-CARVÃO      #1A1A1A    preto-tinta brasileiro (não preto
                             puro #000). Para texto técnico,
                             dados, UI densa em contextos onde
                             Tinta-Noite seria pesada demais.

TINTA-MADEIRA     #2C1F18    marrom-tinta profundo. Uso restrito
                             em peças com forte presença material
                             (capa, documento físico, foil).
─────────────────────────────────────────────

Por que Tinta-Noite mudou. O #0F1E2E da v1.0 era quase-preto com leve viés azul. Em uso corrente, comportava-se como preto e perdia a temperatura material que a marca exige. O novo #22292F tem o mesmo peso visual mas com undertone petróleo declarado — conversa com a nova escala Petróleo e mantém distância segura do preto puro.

LUZ — o ar e o fundo (Surface Layering)

A v1.1 introduz o conceito de Surface Layering: a marca não tem "um fundo claro" e sim uma sequência de superfícies estratificadas, cada uma com função.

─────────────────────────────────────────────
LUZ-PAPEL         #F8F6F4    off-white quase-neutro com calor
                             mínimo. Fundo primário da página.
                             Substitui o antigo #F4EFE6, que
                             era marfim amarelado demais para
                             leitura prolongada em tela.

PENUMBRA-PAPEL    #EDEAE6    fundo de sidebar, painéis laterais
                             e regiões de suporte. Recua atrás
                             do conteúdo principal.

CRISTA-PAPEL      #FDFCFB    fundo de card, bloco em destaque,
                             callout. Avança levemente em direção
                             ao leitor — é a "crista" da onda
                             de superfícies.

LUZ-BRUTA         #E8E2D6    bege-cinza claro, papel cru.
                             Separadores suaves, blocos de
                             citação em peças impressas,
                             fundos de gravidade tátil.

BRANCO FUNCIONAL  #FFFFFF    *Exceção controlada.* Permitido
                             apenas em campos de input editáveis
                             e dentro de modais de produto digital,
                             onde a convenção de UI exige clareza
                             absoluta de affordance. Nunca como
                             fundo de página, capa, slide ou
                             documento institucional.
─────────────────────────────────────────────

A marca não usa branco puro #FFFFFF como superfície narrativa. A única exceção é a função <input> / modal de produto digital, onde a convenção de "campo editável = branco" carrega significado de affordance. Em peça institucional, capa, slide, documento — Luz-Papel é o ponto de partida.

Por que Luz-Papel mudou. O #F4EFE6 da v1.0 tinha um viés marfim/amarelado herdado da narrativa "papel craft". Em telas modernas com gama larga, lia-se como envelhecido. O novo #F8F6F4 preserva a temperatura (não é cinza-frio) mas neutraliza o amarelo — leitura mais confortável em sessões longas, sem perder o "não é branco".

PETRÓLEO — a nova neutra-fria cotidiana

─────────────────────────────────────────────
PETRÓLEO          escala 50-950, definida no
                  Sistema Cromático Operacional.

                  Tokens canônicos para uso corrente:

  Petróleo-700    #425462    cor de link, ícone interativo,
                             texto secundário sobre Luz-Papel.

  Petróleo-800    #394753    estado :hover de link, cor de
                             ícone ativo, focus ring sobre
                             superfícies claras.

                  Função estratégica: assumir o trabalho de
                  cor "interativa cotidiana" que antes ficaria
                  com o Violeta-Sincronow. Libera a violeta
                  para voltar a ser símbolo.

                  Petróleo é parente do Tinta-Noite (mesmo
                  undertone) — o sistema lê como uma família
                  coesa, não como duas cores brigando.
─────────────────────────────────────────────

Por que Petróleo entra. Em v1.0, qualquer estado interativo (link, hover, focus) tendia a puxar para o Violeta-Sincronow porque era a única cor "azul-ish" da paleta com saturação suficiente. Isso esvaziava a violeta de seu papel simbólico — virava cor utilitária e perdia raridade. Petróleo resolve isso assumindo o trabalho braçal e devolvendo à violeta o estatuto de cor rara.

AREIA DOURADA — os acentos materiais (escala, não ponto)

─────────────────────────────────────────────
AREIA DOURADA     escala 50-950, definida no Sistema
                  Cromático Operacional. Pivô:

  Areia-500       #DD7302    laranja-terra queimado. Substitui
                             o antigo Terra-Ocre (#C49A4A) como
                             cor de referência da família.
                             Mais saturado, mais brasileiro,
                             mais legível.

                  Tokens utilitários (referência narrativa —
                  valores exatos no Sistema Cromático
                  Operacional):

  Areia-600/700   tons mais profundos para texto pequeno e
                  ícones sobre Luz-Papel — resolvem o gap
                  histórico do Terra-Ocre, que falhava em
                  contraste para texto.

  Areia-300/400   tons mais claros para fundos mornos,
                  cards e watermarks.

TERRA-BARRO       #A0532C    terracota. Mantida como cor de
                             peças de forte presença material
                             (capa institucional impressa,
                             foil em entrega física, peça
                             de aniversário).

TERRA-AREIA       #D4B896    areia queimada clara. Mantida
                             como fundo morno intermediário —
                             agora redundante com Areia-200
                             em alguns usos; ver Sistema
                             Cromático Operacional para
                             decisão por contexto.
─────────────────────────────────────────────

Histórico — Terra-Ocre como nome. O nome Terra-Ocre permanece registrado como nome histórico do pivô — o ponto que ancorou a paleta de acento desde a v1.0. Na v1.1 ele se torna um token específico dentro da escala Areia Dourada (Areia-500 ≈ #DD7302, com leve deslocamento para corrigir contraste). A família como um todo passa a se chamar Areia Dourada porque "Terra" não descreve mais um ponto isolado e sim uma sequência tonal completa.

A Areia Dourada é o acento de marca primário — quando uma peça precisa de calor, vai para Areia Dourada. Nunca para Violeta-Sincronow.

VIOLETA-SINCRONOW — o ativo simbólico raro

─────────────────────────────────────────────
VIOLETA-SINCRONOW #4E3DBE    violeta sóbrio, profundo, com matiz
                             mais azul que rosa.

                             v1.1: REPOSICIONAMENTO RADICAL.

                             Sai do papel de "violeta técnico
                             cotidiano" (que era a função em v1.0,
                             onde aparecia em qualquer marcador
                             de IA, link técnico, badge).

                             Entra como ATIVO SIMBÓLICO RARO,
                             ligado ao arquétipo do Mago
                             não-nomeado — aquele que faz a
                             matéria se transformar sem se
                             anunciar.

                             USOS PERMITIDOS (raríssimos):

                             ◇ Badges de versão semântica
                               (v1.0.0, v1.1.0) em capa de
                               documento e changelogs

                             ◇ Highlights em Decision Log
                               (marcadores de decisão tomada)

                             ◇ Inline code e fundo de terminal
                               em material técnico —
                               momento em que a marca admite
                               que algo foi feito por máquina

                             ◇ Easter-eggs do Mago — peças
                               raras de comunicação onde a
                               magia metodológica da marca é
                               explicitada (lançamento, marco
                               institucional, documento de
                               método)

                             NUNCA:

                             ✗ Como cor de link comum (vai
                               para Petróleo-700)
                             ✗ Como fundo de página
                             ✗ Em gradiente
                             ✗ No símbolo
                             ✗ Em peça corrente sem motivo
                               simbólico declarado
─────────────────────────────────────────────

A raridade é governada. A regra prática: se uma peça da marca contém Violeta-Sincronow, deve ser possível responder em uma frase por que esta peça específica merece a violeta. Se a resposta for "porque ficou bonito" ou "para destacar", a cor sai e vira Petróleo ou Areia. A violeta é o único pigmento da paleta que carrega significado simbólico declarado — usá-la sem motivo a esvazia.

Histórico. O roxo-magenta gradiente original do logotipo Sincronow foi reposicionado em duas etapas. Em v1.0, virou "violeta técnico" (acento cotidiano de IA). Em v1.1, vira ativo simbólico raro — cor do Mago. A trajetória é coerente: a marca aprendeu, ao longo do primeiro ano, que IA não é diferenciador (é commodity); o que diferencia é a base operacional silenciosa. A violeta segue a mesma lição — recua para o lugar simbólico raro em vez de gritar contemporaneidade.

3.3 Surface Layering — princípio estratégico

A v1.1 formaliza o que a marca já fazia intuitivamente: a página não é plana. Tem profundidade material organizada em três planos visíveis:

─────────────────────────────────────────────
PLANO          SUPERFÍCIE          FUNÇÃO

Recuado        Penumbra-Papel      sidebar, nav lateral,
               #EDEAE6             painéis de apoio

Base           Luz-Papel           página, conteúdo principal,
               #F8F6F4             texto longo

Avançado       Crista-Papel        card, callout, bloco em
               #FDFCFB             destaque, modal de leitura
─────────────────────────────────────────────

A diferença entre as três superfícies é deliberadamente sutil (deltas pequenos em luminância). O leitor não nota conscientemente — sente. Carrega a leitura de "Estrutura habitável" sem precisar de sombras, bordas grossas ou tonalidades agressivas.

O branco funcional #FFFFFF não é parte do Surface Layering. Ele é exceção pontual em input/modal de produto digital, fora da hierarquia narrativa da marca.

3.4 Combinações canônicas

─────────────────────────────────────────────
COMBINAÇÃO PRIMÁRIA (90% das peças)

    Fundo:  Luz-Papel       #F8F6F4
    Texto:  Tinta-Noite     #22292F
    Link:   Petróleo-700    #425462
    Acento: Areia-500       #DD7302

    Uso: documento, site, e-mail, post, manifesto,
         capa de proposta, material institucional.
─────────────────────────────────────────────
COMBINAÇÃO INVERTIDA (peças de gravidade)

    Fundo:  Tinta-Noite     #22292F
    Texto:  Luz-Papel       #F8F6F4
    Acento: Areia-400       (tons mais claros da escala —
                             ver Sistema Cromático Operacional)

    Uso: capa de manifesto, peça de aniversário,
         peça de encerramento de ciclo, hero de
         página densa.
─────────────────────────────────────────────
COMBINAÇÃO ESTRATIFICADA (web, app, documento longo)

    Sidebar: Penumbra-Papel #EDEAE6
    Página:  Luz-Papel      #F8F6F4
    Card:    Crista-Papel   #FDFCFB
    Texto:   Tinta-Noite    #22292F
    Link:    Petróleo-700   #425462

    Uso: site institucional, reader de Brand System,
         documentos longos com TOC lateral.
─────────────────────────────────────────────
COMBINAÇÃO SIMBÓLICA (presença do Mago)

    Fundo:  Luz-Papel        #F8F6F4
    Texto:  Tinta-Noite      #22292F
    Símbolo raro: Violeta-Sincronow #4E3DBE
                  (badge de versão, Decision Log,
                   inline code, terminal)

    Uso: changelog, capa de documento versionado,
         material de método onde a "mágica" é o assunto.
─────────────────────────────────────────────
COMBINAÇÃO MATERIAL (peças físicas)

    Fundo:  Penumbra-Papel   #EDEAE6
    Texto:  Tinta-Madeira    #2C1F18
    Acento: Terra-Barro      #A0532C

    Uso: capa de documento físico impresso, papelaria
         institucional, foil em entrega física.
─────────────────────────────────────────────

3.5 Acessibilidade — princípio

Todos os pares de texto/fundo da marca passam WCAG AA (4.5:1 para texto normal, 3:1 para texto grande). Pares específicos, contrastes calculados e exceções controladas vivem no Sistema Cromático Operacional — não nesta página.

O que importa estrategicamente saber:

• Tinta-Noite sobre Luz-Papel é o par primário e passa AAA com folga.
• Petróleo-700 sobre Luz-Papel foi calibrado especificamente para passar AA como cor de link e ícone interativo — esse foi um dos motivos do refinamento v1.1.
• Areia Dourada como texto continua exigindo cuidado: o pivô Areia-500 (#DD7302) é cor de acento, não de texto longo. Para texto pequeno sobre Luz-Papel use Areia-700+ (ver Sistema Cromático Operacional).
• Violeta-Sincronow passa AA sobre Luz-Papel, mas seu uso raro torna o ponto quase irrelevante.

3.6 Regras de aplicação

A marca faz:

• Usa cor sólida, chapada, sem gradiente.
• Estratifica superfícies em três planos (Penumbra / Luz-Papel / Crista).
• Aplica Areia Dourada como acento material recorrente.
• Aplica Petróleo como cor interativa cotidiana.
• Mantém Violeta-Sincronow rara, simbólica, com motivo declarado.
• Trata cor como material — algo que tem peso, textura implícita, presença.

A marca não faz:

• Gradientes (eliminados como linguagem primária).
• Cores neon, saturadas, vibrantes fora da paleta.
• Branco puro #FFFFFF como superfície narrativa (apenas input/modal funcional).
• Preto puro #000000 em nenhum contexto.
• Mais de 3 cores por peça (excluindo neutros e superfícies estratificadas).
• Violeta-Sincronow como cor de link, hover, focus ou marcador genérico de IA.
• Aplicar cor sobre o símbolo — símbolo é só Tinta-Noite ou Luz-Papel.

---

PILAR 4 — GRAFISMOS E ELEMENTOS DE APOIO

4.1 Princípio organizador

Grafismos da Sincronow declaram a estrutura que sustenta a peça — não decoram. Cada linha, cada marcador, cada divisória existe porque organiza informação ou nomeia uma camada. A marca não tem grafismo decorativo. Se um elemento gráfico não tem função organizadora, não entra.

4.2 Tradução das 3 Virtudes em forma

Síntese: a Sincronow é desenhada com régua e esquadro, mas com ar de quem sabe parar. Não é minimal asséptico. É marginado.

4.3 Sistema de grids

A marca opera num grid editorial visível quando útil, e em grid silencioso quando o conteúdo é o protagonista. As duas formas convivem.

─────────────────────────────────────────────
GRID DE 12 COLUNAS (web, slides, documentos longos)

  | | | | | | | | | | | |
  Recuo lateral generoso · marginação ≥ 1 coluna
  Texto longo nunca atravessa todas as 12

GRID DE BASELINE (texto longo, manifesto)

  Linhas-base alinhadas em múltiplos do tamanho do
  texto. Em documentos editoriais, baseline visível
  como linha fina em Penumbra-Papel.

GRID MODULAR (peças de social, cartões, marcadores)

  Quadrados ou retângulos com proporção 1:1 ou 1:√2
  (proporção papel A). Marginação interna respirada.
─────────────────────────────────────────────

Quando o grid é visível: capas técnicas, divisores de seção, manifesto, peças de gravidade.

Quando o grid é silencioso: corpo de texto, social regular, e-mail, microcopy.

4.4 Sistema de marcadores e bullets

A Sincronow não usa bullet circle (●), nem bullet quadrado (■), nem checkmark (✓) como marcador padrão. Cria marcadores próprios derivados do símbolo:

─────────────────────────────────────────────
MARCADOR PRIMÁRIO — MÓDULO ISOLADO

  ◇  Losango pequeno, vazio ou preenchido,
     extraído do símbolo. Função: bullet de lista,
     marcador de seção, ponto de continuação.

MARCADOR DE CAMADA — NUMERAÇÃO MONO

  01 → JetBrains Mono, Tinta-Noite, peso regular.
       Acompanha "Camada 01 — Diagnóstico",
       "Camada 02 — Posicionamento", etc.

MARCADOR DE PROGRESSO — VIGA HORIZONTAL

  ▬▬▬▬▬▬▬▬▬▬▬▬▬▬   linha grossa em Tinta-Noite ou
                  Areia-500 (Terra-Ocre histórico).
                  Separador entre blocos densos.

MARCADOR DE CONTINUAÇÃO — SETA TÉCNICA

  →   seta simples, sem floreio, sem ponta dupla.
      Usado em "Próxima camada →", em CTAs em
      texto corrido, em sumários.
─────────────────────────────────────────────

4.5 Sistema de separadores

─────────────────────────────────────────────
SEPARADOR ESTRUTURAL (viga)

  ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

  Linha sólida, 2-3px, em Tinta-Noite ou Areia-500
  (Terra-Ocre histórico). Separa blocos de gravidade
  similar.

SEPARADOR FINO (cota técnica)

  ─────────────────────────────────────────────

  Linha fina, 1px, em Tinta-Noite a 30-40% opacidade
  ou em Penumbra-Papel sólido. Separa subseções dentro
  de um bloco.

SEPARADOR DE RESPIRO (espaço)

  [4-6 linhas em branco / 64-96px de margem]

  Sem linha. Apenas ar. A pausa visual é o
  separador. Usado entre seções de gravidade
  oposta.

SEPARADOR EM CADENCIA (módulos)

  ◇ ─ ─ ─ ◇ ─ ─ ─ ◇

  Módulo + tracejado. Para peças editoriais com
  ritmo. Uso restrito (manifesto, capa especial).
─────────────────────────────────────────────

4.6 Tratamento de cantos

A marca opera em cantos retos por padrão. Cantos retos sustentam o Arquiteto. Mas há exceções controladas:

Cantos arredondados (≥8px) são rejeitados. Pertencem ao território SaaS contemporâneo e contradizem Arquiteto.

4.7 Sistema de chanfros (bisel sutil)

Para humanizar pontos específicos sem perder estrutura, a marca usa chanfros sutis (corte oblíquo no canto) em vez de arredondamento:

─────────────────────────────────────────────
   ┌────────────┐       ┌────────────┐
   │            │       │           ╱
   │   bloco    │  vs.  │   bloco
   │            │       │
   └────────────┘       └────────────┘

   canto reto            chanfro sutil
   (estrutura pura)      (estrutura humanizada)
─────────────────────────────────────────────

Uso do chanfro: capa de documento entregue, cartões de apresentação, peças institucionais de presença. Profundidade: 8-16px em peças grandes, proporcionalmente menor em pequenas. Sempre apenas um canto (geralmente inferior-direito), nunca todos os quatro.

Chanfro é referência discreta a arquitetura brasileira modernista — carrega Lina Bo Bardi sem citá-la literalmente.

4.8 Texturas

A marca opera em 2D dominante, com texturas sutis quando o suporte permite.

Texturas aceitas:

• Papel craft (grão de papel cru, sutil, em fundos Luz-Papel ou Penumbra-Papel)
• Papel de algodão impresso (grão fino, em peças físicas)
• Sombra natural projetada (em fotografia)
• Trama tipográfica densa (texto longo cria sua própria textura)
• Mancha de tinta (em peças muito específicas — capa de manifesto físico)

Texturas rejeitadas:

• Noise digital / grain filter pós-aplicado
• Texturas 3D fotorrealistas
• Texturas de tecido fake
• Mármore, ouro, foil digital
• Holographic, iridescent, glassmorphism
• Glow, blur, bokeh

4.9 Animação e movimento

Quando a marca se move (web, vídeo, slide), faz isso com gravidade:

─────────────────────────────────────────────
PRINCÍPIOS DE MOVIMENTO

  Easing: ease-out (entra rápido, desacelera) —
          nunca ease-in-out simétrico,
          nunca spring/bounce.

  Duração: 300-500ms para transições primárias.

  Direção: do alto para baixo, da esquerda para
           direita, ou em fade discreto. Nunca
           rotação, nunca scale agressivo.

  Sem: spin, flicker, glitch, parallax exagerado,
       scroll-triggered explosions, hover bounce.

  Aceito: fade-in suave, slide-up sutil, peso
          que pousa.
─────────────────────────────────────────────

Regra mestra do movimento: o elemento entra como quem se senta à mesa — calmo, decidido, sem performance.

4.10 Biblioteca de elementos canônicos

Resumo dos elementos que formam o "kit" visual da marca:

─────────────────────────────────────────────
✓  Símbolo principal
✓  Símbolo isolado / módulo (◇)
✓  Tipografia em hierarquia
✓  Grid editorial visível e silencioso
✓  Marcador de losango (◇)
✓  Marcador de camada numérica (01)
✓  Viga horizontal (separador grosso)
✓  Linha fina (separador técnico)
✓  Seta técnica (→)
✓  Chanfro sutil em um canto
✓  Numeração de seção em mono
✓  Texturas materiais sutis (papel, sombra)
─────────────────────────────────────────────

Esse kit cobre 95% das aplicações da marca em peças correntes.

---

PILAR 5 — DIREÇÃO DE IMAGEM

5.1 Princípio organizador

A imagem da Sincronow mostra trabalho de base sendo feito — não performa resultado.

A direção de imagem precisa carregar:

• Luz natural (não estúdio frio)
• Sombra presente (textura, profundidade)
• Materialidade (papel, madeira, concreto, tinta, têxtil)
• Trabalho real (mão fazendo, objeto em uso, espaço em construção)
• Silêncio (sem performance para câmera)
• Brasilidade contemporânea sem regionalismo

5.2 Categorias de imagem

A marca opera em cinco categorias, cada uma com uso específico:

(a) Fotografia documental brasileira

Pessoas em rotina silenciosa, trabalhando, pensando. De costas, de lado, ou de mãos — raramente olhando direto para a câmera.

Referências:

• Perfect Days (Wim Wenders, 2023) — Hirayama em rotina
• Sebastião Salgado em fase brasileira
• Cláudia Andujar (presença sem espetáculo)
• Cao Guimarães (silêncio brasileiro)
• Fotografia editorial de Casa Vogue Brasil, piauí, serrote

Uso: capa de manifesto, página "Quem assina o trabalho", post de Comemoração de cliente (anônimo), peças institucionais de presença.

Não: stock photo de "fundadora brasileira sorrindo no notebook", clichês de "empresária brasileira liderando reunião".

(b) Fotografia de arquitetura

Espaços construídos com luz natural. Concreto, madeira, vidro com sombra. Arquitetura modernista brasileira ou contemporânea brasileira, sem fetiche turístico.

Referências:

• Lina Bo Bardi (SESC Pompeia, MASP, Solar do Unhão)
• Paulo Mendes da Rocha (formas brutas)
• Niemeyer (curvas com peso)
• Arquitetura paulistana contemporânea (Studio MK27, Triptyque, Andrade Morettin)
• Arquitetura rural brasileira (Aleph Zero — Casa Cuiabá)

Uso: capa de Brand System, peças institucionais sobre "base que se constrói", fundos atrás de tipografia em manifesto.

Não: open space corporativo de SaaS, cowork genérico, escritório em vidro.

(c) Fotografia de objetos materiais

Objetos em mesa, em uso, em luz natural. Papel impresso. Livro aberto. Caneta. Caderno. Cerâmica. Madeira sem verniz brilhante. Materialidade brasileira do dia a dia, sem fetichizar.

Uso: social regular, ilustrações de blog, capas de documento, watermark sutil em PDFs.

Não: flat lay perfeitamente alinhado, Apple-product-photography, isometric ilustração.

(d) Texturas como imagem

Textura que ocupa o espaço de imagem mas não é fotografia narrativa. Funciona como fundo material para tipografia ou bloco de cor.

Referências: papel craft em close, concreto rebocado, madeira clara sem brilho, tinta aplicada, papel impresso com grão visível, têxtil natural.

Uso: fundos de slides, capas de seção em documentos longos, fundo de hero em situações específicas, watermark de peças impressas.

Não: texturas digitais sintéticas, padrões repetitivos óbvios, gradient noise.

(e) Ilustração técnica / diagrama

Quando a imagem precisa ser construída, não capturada. Linha sólida, sem volumetria 3D, sem character illustration. Pensa-se em desenho técnico de arquiteto ou diagrama editorial de revista séria.

Referências:

• Diagramas de Bruno Munari
• Linha técnica em revistas como MIT Press ou Domus
• Infográficos editoriais de piauí, The New Yorker
• Pictogramas modernistas (Otl Aicher)

Uso: explicação de Método SNCRO, mapas de camadas, esquemas de processo, diagramas de Brand System.

Não: blob people, isometric scenes, 3D rendered characters, ilustrações vetoriais saturadas.

5.3 Tratamento de cor em imagem

─────────────────────────────────────────────
LUZ:        Sempre natural. Manhã, tarde, fim de
            tarde. Nunca flash estúdio frio.

SOMBRA:     Profunda, presente. Sombra é parte do
            assunto, não defeito.

TEMPERATURA: Quente. Leve viragem para
             amarelo-ocre/laranja-terra, nunca
             para azul-frio.

SATURAÇÃO:  Reduzida 10-20% em pós. Cores
            existem mas não vibram. Tons em
            harmonia com a paleta Tinta/Luz/Terra.

CONTRASTE:  Médio-alto. Sombra escura preserva
            estrutura. Mid-tones mantêm presença
            humana.

GRÃO:       Aceitável, especialmente em
            fotografia documental. Granulação
            sutil (não filtro Instagram).

PB:         Permitido em peças de gravidade
            (manifesto, encerramento de ciclo,
            comemoração institucional sóbria).
─────────────────────────────────────────────

5.4 Enquadramento

Regra geral: a marca prefere imagem com mais respiração do que o normal. Em dúvida, dar mais ar.

5.5 Uso de IA generativa

─────────────────────────────────────────────
IA GENERATIVA EM IMAGEM — REGRAS DA MARCA

✗  NUNCA para representar pessoas. Pessoas em
   imagens da Sincronow são fotografadas ou
   ilustradas por humano. Honestidade material
   é parte da marca.

✗  NUNCA para representar clientes, casos,
   depoimentos. Discrição editorial não negocia
   com geração artificial.

⚠  EVITAR para arquitetura brasileira. IA tende
   a alucinar referências e cria estética
   "global vagamente latina". Conflito com a
   ancoragem real da marca.

✓  ACEITO para texturas abstratas (papel,
   concreto, têxtil), fundos não-narrativos,
   experimentos de moodboard interno.

✓  ACEITO para diagramas técnicos quando
   revisados linha por linha por humano.

REGRA DE DECLARAÇÃO: se uma imagem da marca foi
gerada por IA, isso é informação interna de
equipe, não declarada publicamente em peça
final. Mas: nada que possa ser confundido com
fotografia de pessoa real é gerado.
─────────────────────────────────────────────

5.6 Banco visual de partida

Para fase boutique de v1.0 sem orçamento de produção fotográfica:

• Unsplash (curadoria rigorosa) — fotografias documentais brasileiras, arquitetura, objetos.
• Pexels (mesma régua).
• Acervo próprio em construção — fotografias feitas com celular em luz natural, de objetos da rotina real.

Régua de curadoria — pergunta única:

Essa imagem cabe num livro editado em São Paulo em 2026 sobre trabalho silencioso e bem feito?

Se sim, entra. Se cabe num pitch deck de SaaS, sai.

5.7 Não-aplicações

A marca não usa:

• Pessoas sorrindo de braços cruzados em escritório envidraçado.
• "Diverse team" como cliché.
• Apertos de mão em close.
• Gráficos de barra crescendo em formato 3D.
• Lupa sobre documento (clichê de "análise").
• Cérebro com circuitos elétricos (clichê de IA).
• Mão segurando lâmpada (clichê de "ideia").
• Foguete (clichê de "crescimento").
• Engrenagens (clichê de "automação").
• Ilustração tipo Notion / Hashnode / Stripe de personagens flutuando.
• Mockups isometric.
• Stock photo "criativo na frente do laptop com pós-it colorido".

---

PILAR 6 — ICONOGRAFIA

6.1 Princípio organizador

Ícones da Sincronow são funcionais antes de decorativos. Existem para identificar conceitos, organizar listas e marcar funções de interface — não para adicionar "charme" a um layout. Quando um ícone não tem função clara, sai.

6.2 Família oficial: Phosphor Icons

Adoção de Phosphor Icons como família primária em v1.0. Quando o uso amadurecer (v1.1+), desenhar um kit proprietário pequeno (12-20 ícones) para conceitos exclusivos da marca que não existem em biblioteca padrão.

Por que Phosphor

• Múltiplos pesos (thin, light, regular, bold, fill, duotone) — flexibilidade
• Gesto humano nas curvas, geometria limpa
• Open-source real, ~1.500 ícones cobrindo conceitos suficientes para v1.0
• Não é a fonte de Lucide/Tabler — sai do território SaaS genérico

Peso padrão e variações

─────────────────────────────────────────────
PESO PADRÃO           Phosphor Regular (1.5px)

VARIAÇÕES PERMITIDAS  Bold (em destaques tipográficos)
                      Fill (em estados ativos / selecionados,
                            mas apenas em UI, nunca em
                            marca corrente)

VARIAÇÕES NÃO USADAS  Thin (some em escala pequena)
                      Light (perde estrutura)
                      Duotone (conflita com paleta de
                              cor da marca)
─────────────────────────────────────────────

A marca opera majoritariamente em Phosphor Regular. Bold só em destaque pontual. Fill só em UI de produto.

6.3 Aplicação técnica

─────────────────────────────────────────────
TAMANHOS

  Mínimo absoluto       16px (microcopy, dados densos)
  Padrão UI             20-24px
  Destaque em texto     24-32px (alinhado a baseline)
  Destaque em hero      40-48px
  Marca em assinatura   nunca como substituto do símbolo

ALINHAMENTO

  Ícone inline com texto: alinhar baseline do ícone
  com baseline da letra minúscula (x-height).
  Nunca centralizar visualmente — sempre técnico.

ESPAÇAMENTO

  Ícone + texto:         8px de margem entre eles
  Ícone em botão:        12-16px entre ícone e label
  Ícone solo (botão):    padding mínimo de 8px

COR

  Padrão:                Tinta-Noite
  Estado interativo:     Petróleo-700 (link, ícone clicável, focus ring)
  Estado ativo (acento): Areia-500 (Terra-Ocre histórico)
  Estado simbólico raro: Violeta-Sincronow (badge de versão,
                         inline code, Decision Log,
                         easter-egg do Mago — NÃO para
                         marcação genérica de IA)
  Estado desativado:     Tinta-Noite a 30-40% opacidade
  Sobre fundo escuro:    Luz-Papel
  Nunca:                 Múltiplas cores num mesmo ícone
─────────────────────────────────────────────

6.4 Áreas de uso

6.5 Kit proprietário — necessidades futuras (v1.1)

Quando chegar o momento de desenhar ícones próprios, há sete conceitos exclusivos da marca que merecem desenho dedicado, em estilo Phosphor Regular:

─────────────────────────────────────────────
CONCEITO                      IDEIA DE FORMA
─────────────────────────────────────────────
Diagnóstico de Clareza        Camadas sobrepostas com
                              linha-guia / espelho
                              estrutural

Brand System                  Módulos entrelaçados
                              (derivado do símbolo)

Company Brain                 Camadas conectadas /
                              base + setas de
                              circulação

Prompt Mestre                 Documento + seta para
                              fora (saída calibrada)

Matriz de Mensagens           Grid 3x3 com módulo
                              destacado

Documento da Verdade          Folha selada com viga
                              horizontal (Tinta-Noite)

Método SNCRO                  Cinco etapas conectadas
                              em circulação fechada
─────────────────────────────────────────────

Sistema híbrido: Phosphor (padrão) + 7 ícones proprietários (conceitos exclusivos). Funciona melhor que sistema fechado.

6.6 Não-aplicações

A marca não usa:

• Emojis no lugar de ícones (em produto, documento, e-mail comercial)
• Mais de uma família de ícones simultaneamente
• Ícones com sombra projetada, gradiente, glow
• Ícones em ângulo/perspectiva 3D
• Ícones com cor de marca aplicada em fill (só linha)
• Ícones animados (com exceção de loading discreto em UI)
• Ícone "decorativo" em texto longo
• Ícones de estilo "iOS lembrança" ou "Material Design colorido"

---

PILAR 7 — TESTE DE FORÇA PROPRIETÁRIA APLICADO

7.1 Régua do teste

Se cobrirmos o logotipo "Sincronow" da peça, a marca ainda é reconhecível apenas pelas cores, fontes, grafismos e direção de imagem?

Aplicação em três cenários reais que cobrem os principais pontos de contato.

7.2 Cenário 1 — Post de Instagram

Peça com marca completa:

─────────────────────────────────────────────
[Fundo: Luz-Papel #F8F6F4]

  [símbolo]  Sincronow
  ─────────────────────────────────────────

  IA sem contexto
  só acelera o ruído.              ← Newsreader Light
                                     Tinta-Noite

  ─────────────────────────────────────────

  Empresas estão integrando        ← Mona Sans Regular
  ferramentas de IA antes de        Tinta-Noite
  ter base operacional
  documentada.

  A camada anterior — o que
  você sabe, o que a equipe
  combinou, o que a marca
  decidiu — precisa existir
  como texto antes de virar
  prompt.

  Caso contrário, a IA
  aprende com o vácuo.

  ──── ◇ ──── ◇ ────                ← marcador modular
                                     Areia-500
─────────────────────────────────────────────

Análise: sem o logo, permanecem combinação cromática proprietária (Luz-Papel + Tinta-Noite + Areia Dourada), tipografia rara em social brasileiro (Newsreader + Mona Sans), marcador modular ◇, separadores como vigas, vocabulário verbal ("camada anterior", "vácuo").

Veredito: ✅ PASSA. Em feed dominado por gradiente azul-roxo e Inter/Manrope, a peça é diferenciada o suficiente para criar reconhecimento em ~3 segundos.

7.3 Cenário 2 — Capa de documento entregue (Brand System)

Peça com marca completa:

─────────────────────────────────────────────
[Fundo: Tinta-Noite #22292F]
[Chanfro sutil no canto inferior direito]

  [símbolo em Luz-Papel]


  Camada 01                       ← JetBrains Mono
                                    Areia-400
  ────────────────────────────

  BRAND
  SYSTEM                          ← Newsreader Light
                                    72px, Luz-Papel

  ────────────────────────────

  [Nome da empresa cliente]       ← Mona Sans Bold
                                    Luz-Papel

  Versão 1.1                      ← Mona Sans Regular
  Maio 2026                         Areia-400
  [v1.1.0]                          ← badge Violeta-Sincronow
                                      (ativo simbólico raro)

  ────────────────────────────


  ◇                               ← marcador modular
                                    Luz-Papel a 40%
                       Sincronow  ← canto inferior,
                                    Mona Sans Regular
                                                  ╱
                                              ╱
─────────────────────────────────────────────

Análise: sem o logo, permanecem paleta inteiramente fora do território SaaS (Tinta-Noite + Luz-Papel + Areia Dourada), hierarquia tipográfica proprietária ("Camada 01" em Mono / "BRAND SYSTEM" em Newsreader Light grande), vocabulário visual próprio, marcador modular ◇, vigas horizontais, chanfro sutil no canto inferior, estrutura editorial respirada, badge de versão em Violeta-Sincronow como assinatura simbólica rara.

Veredito: ✅ PASSA com folga. A nomenclatura "Camada 01" + serifa Newsreader em peso Light + paleta Tinta/Luz/Areia + violeta como ativo simbólico raro é combinação que só a Sincronow está fazendo no mercado brasileiro atual.

7.4 Cenário 3 — Hero de site institucional

Peça com marca completa:

─────────────────────────────────────────────
[Fundo: Luz-Papel #F8F6F4]
[Sidebar fixa esquerda em Penumbra-Papel #EDEAE6]

  [símbolo]  Sincronow                    [Agendar Diagnóstico]
                                          ← botão Tinta-Noite
  ──────────────────────────────────────────────────────────


    Construímos a base                ← Newsreader Light
    para sua empresa parar              Tinta-Noite
    de começar do zero.                 64-72px

    ────────────────────────

    Antes de acelerar,                ← Mona Sans Regular
    organize.                           Areia-700 (texto pequeno)

                                       [Agendar Diagnóstico de Clareza →]
                                       ← botão grande,
                                         Tinta-Noite

                                       [Conhecer o método]
                                       ← link em Petróleo-700

  ──────────────────────────────────────────────────────────

       Camada 01      Camada 02      Camada 03    ← JetBrains Mono
       Diagnóstico    Posicionamento Aplicação      Areia-600
─────────────────────────────────────────────

Análise: sem o logo, permanecem combinação cromática estratificada (Penumbra-Papel + Luz-Papel + Tinta-Noite + Petróleo para link + Areia Dourada para acento), Newsreader Light em 64-72px (escala editorial, não SaaS), "Camada 01/02/03" como nomenclatura proprietária, botão com canto reto Tinta-Noite sólido, vigas horizontais, marginação generosa, vocabulário verbal canônico.

Veredito: ✅ PASSA (com verbal acompanhando). Sem o slogan, o visual sozinho é claramente "marca consultoria brasileira contemporânea séria"; com o slogan, identificação é instantânea. O sistema visual precisa que o verbal o acompanhe em peças de presença institucional — coerente com a estratégia da marca, que é construída sobre primazia do verbal.

7.5 Síntese do Teste

─────────────────────────────────────────────
CENÁRIO                       VEREDITO
─────────────────────────────────────────────
Post de Instagram             ✅ Passa
Capa de documento entregue    ✅ Passa com folga
Hero de site institucional    ✅ Passa (com verbal acompanhando)
─────────────────────────────────────────────

Diagnóstico geral: o sistema visual da Sincronow tem propriedade real. Não depende do logotipo isoladamente. A combinação que faz o sistema funcionar:

1. Paleta (Luz-Papel + Tinta-Noite + Areia Dourada + Petróleo, com Violeta-Sincronow como símbolo raro) — sai do território SaaS
2. Tipografia (Newsreader + Mona Sans) — combinação rara, editorial, com gesto
3. Vocabulário visual proprietário ("Camada 01", marcador ◇, vigas, chanfros)
4. Sustentação verbal (frases-âncora, vocabulário verbal proprietário)

Os quatro juntos formam a marca. O logotipo é peça importante, mas o sistema não colapsa se ele for ocultado.

---

ANEXOS

Anexo I — Códigos cromáticos (referência estratégica)

─────────────────────────────────────────────
FAMÍLIA           COR                  HEX        FUNÇÃO
─────────────────────────────────────────────
TINTA             Tinta-Noite          #22292F    Símbolo, texto principal, corpo longo,
                                                  fundo invertido. Undertone petróleo (v1.1).
                  Tinta-Madeira        #2C1F18    Peças materiais físicas (uso editorial).

                  (Tinta-Carvão #1A1A1A aposentada em v1.1 — DL-010.
                   Tinta-Noite cobre a função com 13.48:1 AAA.)

LUZ (estratificada — Surface Layering)
                  Luz-Papel            #F8F6F4    Fundo primário, página (v1.1).
                  Penumbra-Papel       #EDEAE6    Sidebar, painéis laterais (v1.1).
                  Crista-Papel         #FDFCFB    Card, callout, bloco em destaque (v1.1).
                  Branco funcional     #FFFFFF    Exceção: apenas input/modal de UI.

                  (Luz-Bruta #E8E2D6 aposentada em v1.1 — DL-010.
                   Função absorvida por Penumbra-Papel.)

PETRÓLEO (nova família neutra-fria, v1.1)
                  Petróleo-700         #425462    Cor de link, ícone interativo.
                  Petróleo-800         #394753    :hover de link, focus ring.
                  (escala completa 50-950 no Sistema Cromático Operacional)

AREIA DOURADA (substitui o ponto Terra-Ocre, v1.1)
                  Areia-500            #DD7302    Pivô da escala. Acento primário
                                                  cálido. Substitui Terra-Ocre
                                                  como referência da família.
                  Terra-Ocre (hist.)   #C49A4A    Nome histórico do pivô; valor
                                                  preservado para retro-compat.
                                                  em ativos legados.
                  Terra-Barro          #A0532C    Peças de gravidade material.
                  Terra-Areia          #D4B896    Fundo morno intermediário.
                  (escala completa 50-950 no Sistema Cromático Operacional)

VIOLETA           Violeta-Sincronow    #4E3DBE    Ativo simbólico raro: badges
                                                  de versão, Decision Log,
                                                  inline code, easter-eggs do
                                                  Mago. Não é cor utilitária.
─────────────────────────────────────────────

Observação: valores HEX desta tabela são referência estratégica. As escalas completas (50-950 para Petróleo e Areia Dourada), valores RGB/CMYK/Pantone, matriz WCAG por par, e tokens CSS/Tailwind/Figma vivem no Sistema Cromático Operacional — fonte de verdade técnica.

Anexo II — Tipografia: download e referências

─────────────────────────────────────────────
NEWSREADER (Production Type)
  → fonts.google.com/specimen/Newsreader
  → Licença: Open Font License (OFL)
  → Pesos a baixar: Light, Regular, Medium

MONA SANS (GitHub)
  → github.com/github/mona-sans
  → Licença: Open Font License (OFL)
  → Pesos a baixar: Regular, Semibold, Bold

JETBRAINS MONO (JetBrains)
  → jetbrains.com/lp/mono
  → Licença: Open Font License (OFL)
  → Peso a baixar: Regular
─────────────────────────────────────────────

Anexo III — Iconografia: download

─────────────────────────────────────────────
PHOSPHOR ICONS
  → phosphoricons.com
  → Licença: MIT
  → Pacote a baixar: Regular (padrão), Bold (destaques),
                     Fill (UI de produto)
─────────────────────────────────────────────

Anexo IV — Referências fotográficas curadas

Fotografia documental brasileira:

• Sebastião Salgado — Outras Américas, Trabalhadores, Êxodos
• Cláudia Andujar — série Yanomami
• Cao Guimarães — vídeo-arte e fotografia em silêncio
• Revistas: Casa Vogue Brasil, piauí, serrote, ZUM

Fotografia de arquitetura:

• Lina Bo Bardi — Cidadela da Liberdade (Solar do Unhão), SESC Pompeia
• Paulo Mendes da Rocha — Museu Brasileiro da Escultura (MuBE)
• Niemeyer — Conjunto Niemeyer, Memorial da América Latina
• Arquitetura contemporânea: Studio MK27, Triptyque, Andrade Morettin, Aleph Zero

Direção cinematográfica:

• Perfect Days (Wim Wenders, 2023) — Hirayama, rotina, silêncio com propósito
• Cinema brasileiro contemporâneo: Kleber Mendonça Filho, Marcelo Gomes

Anexo V — Checklist de uso

Antes de publicar qualquer peça visual da Sincronow:

─────────────────────────────────────────────
CONCEITO

[ ] A peça mostra a estrutura que a sustenta?
[ ] Cabe um humano dentro dela sem intimidação?

SÍMBOLO E ASSINATURA

[ ] O símbolo está em uma das cores oficiais
    (Tinta-Noite ou Luz-Papel)?
[ ] O símbolo está em 45° (losango), não rotacionado?
[ ] A assinatura usa Mona Sans Bold (não Inter/Manrope)?
[ ] Não há outline, sombra, gradient overlay no símbolo?

TIPOGRAFIA

[ ] Display em Newsreader Light/Regular?
[ ] Texto em Mona Sans Regular/Semibold/Bold?
[ ] Dados/código em JetBrains Mono?
[ ] Hierarquia respeita os tamanhos de referência?

CORES

[ ] Paleta respeita as cinco famílias oficiais
    (Tinta · Luz estratificada · Petróleo · Areia
    Dourada · Violeta-Sincronow)?
[ ] Não há gradiente (eliminado da linguagem primária)?
[ ] Não há branco puro #FFFFFF como superfície
    narrativa? (Branco só em input/modal funcional.)
[ ] Não há preto puro #000000?
[ ] Surface Layering respeitado quando aplicável
    (Penumbra / Luz-Papel / Crista)?
[ ] Links e ícones interativos usam Petróleo-700,
    não Violeta-Sincronow?
[ ] Se Violeta-Sincronow aparece, há motivo simbólico
    declarado (badge de versão, Decision Log, inline
    code, easter-egg do Mago)?
[ ] Pares texto/fundo passam WCAG AA? (Verificar
    detalhes no Sistema Cromático Operacional.)

GRAFISMOS

[ ] Bullets são losangos (◇), não bullet padrão?
[ ] Cantos são retos (≤4px)?
[ ] Separadores são vigas ou linhas técnicas?
[ ] Marginação é generosa (respiro de Estrutura habitável)?

IMAGEM (se aplicável)

[ ] Luz é natural, não estúdio frio?
[ ] Sombra está presente?
[ ] Não há stock photo SaaS clichê?
[ ] Se houver pessoa, não foi gerada por IA?

ICONOGRAFIA (se aplicável)

[ ] Ícones são Phosphor Regular ou Bold?
[ ] Cor do ícone respeita a paleta?
[ ] Não há mais de uma família de ícones?

TESTE FINAL

[ ] Cobre o logo mentalmente: a peça ainda é Sincronow?
    Se não, algum dos itens acima falhou — revisar.
─────────────────────────────────────────────

Anexo VI — Documentos relacionados

• sistema-cromatico-operacional.md — Fonte de verdade técnica do Pilar 3. Escalas completas 50-950, RGB/CMYK/Pantone, matriz WCAG, tokens CSS/Tailwind/Figma, comportamento por meio.
• manual-identidade-verbal.md — Manual verbal v1.0 (régua de escrita)
• tom-e-voz.md — Identidade verbal completa
• brand-persona-clarisse.md — A voz encarnada (estética terra+tinta+luz)
• arquetipos-da-marca.md — Arquiteto + Sábio + Cuidador + Outlaw + Mago não-nomeado
• virtudes-e-sombras.md — Discernimento + Integridade + Presença
• golden-circle.md — Propósito, método e oferta
• plataforma-de-posicionamento.md — Declaração oficial e diferenciais

---

Mudanças desde v1.0

v1.1 · 2026-05-26 · Refinamento cromático

Escopo: Pilar 3 (Cores) e cross-references em outros Pilares. A narrativa estratégica e o conceito "Estrutura habitável" permanecem intactos — esta é evolução técnica, não ruptura.

Decisões aplicadas:

1. Luz-Papel: #F4EFE6 → #F8F6F4. Off-white quase-neutro, menos amarelado. Leitura mais confortável em tela em sessões longas. Mantém a regra "nunca branco puro".

2. Tinta-Noite: #0F1E2E → #22292F. Mesmo peso visual, agora com undertone petróleo declarado. Conversa com a nova família Petróleo e afasta-se do quase-preto da v1.0.

3. Nova família Petróleo (escala 50-950). Tokens cotidianos: Petróleo-700 #425462 (link), Petróleo-800 #394753 (hover/focus). Assume o trabalho de cor interativa que pressionava a Violeta-Sincronow.

4. Areia Dourada (escala 50-950) substitui o ponto Terra-Ocre. Pivô em Areia-500 #DD7302. O nome Terra-Ocre permanece como rótulo histórico do pivô para retro-compatibilidade. A escala resolve o gap de contraste do Terra-Ocre histórico contra Luz-Papel (que falhava em WCAG para texto).

5. Violeta-Sincronow reposicionada como ativo simbólico raro. Sai do papel de "violeta técnico cotidiano" (v1.0) e entra ligada ao Mago não-nomeado. Usos permitidos: badges de versão, Decision Log highlights, inline code e terminal, easter-eggs do Mago. Proibida como cor de link ou marcador genérico de IA — esse trabalho passa a ser do Petróleo.

6. Surface Layering formalizado. A página tem três planos visíveis: Penumbra-Papel #EDEAE6 (sidebar), Luz-Papel #F8F6F4 (base), Crista-Papel #FDFCFB (card). Branco #FFFFFF admitido apenas como exceção funcional em input/modal de UI.

7. Sem cantos arredondados, sem preto puro. Restrições da v1.0 reafirmadas.

Seções tocadas:

• Cabeçalho do documento (versão e nota de atualização)
• Tradução por pilar (linha "Cores" da tabela do Conceito Visual)
• Pilar 1 §1.4 (Versão monocromática — hex de Tinta-Noite e Luz-Papel)
• Pilar 3 inteiro (3.1 → 3.6, incluindo nova seção 3.3 Surface Layering)
• Pilar 4 §4.4 e §4.5 (referências cromáticas em marcadores e separadores)
• Pilar 6 §6.3 (cor de ícone — Petróleo para estado interativo, Violeta como simbólica rara)
• Pilar 7 §7.2, §7.3, §7.4 e §7.5 (peças exemplares e síntese do Teste de Força)
• Anexo I (códigos cromáticos completos com famílias atualizadas)
• Anexo V (checklist de cores)
• Anexo VI (Sistema Cromático Operacional explicitado como fonte de verdade)

Fonte de verdade técnica: especificações reproduzíveis (RGB, CMYK, Pantone, escalas 50-950 completas, matriz WCAG por par, tokens CSS/Tailwind/Figma, comportamento por meio) vivem no Sistema Cromático Operacional v1.1, não neste documento.

---

Diretrizes Estratégicas de Identidade Visual · Sincronow · maio/2026 Versão 1.1 · Documento estratégico de governança visual