{
  "schemaVersion": 1,
  "organization": "6am",
  "version": "0.7.0",
  "locale": "br",
  "families": [
    {
      "key": "display",
      "name": "Big Shoulders",
      "fallback": "Impact, sans-serif",
      "role": "Títulos expressivos e mensagens de abertura.",
      "sample": "Make room for better.",
      "weight": 800
    },
    {
      "key": "body",
      "name": "Onest",
      "fallback": "Arial, sans-serif",
      "role": "Parágrafos, navegação, botões e formulários.",
      "sample": "Seu próximo cliente precisa entender o que você faz e como falar com você.",
      "weight": 400
    },
    {
      "key": "accent",
      "name": "Fraunces",
      "fallback": "Georgia, serif",
      "role": "Ênfase editorial pontual, em itálico.",
      "sample": "A little more human.",
      "weight": 500
    },
    {
      "key": "mono",
      "name": "Geist Mono",
      "fallback": "monospace",
      "role": "Versões, valores e referências técnicas.",
      "sample": "COLOR.ACCENT / #E3FF04",
      "weight": 400
    }
  ],
  "typographyUsage": {
    "status": "pilot",
    "viewport": {
      "min": 360,
      "max": 1200
    },
    "roles": [
      {
        "id": "display",
        "family": "display",
        "minPx": 44,
        "maxPx": 76,
        "weight": 800,
        "lineHeight": 1.02,
        "trackingEm": -0.02,
        "measureCh": 20,
        "style": "normal",
        "name": "Título de abertura",
        "usage": "Uma promessa clara. Busque duas ou três linhas; edite antes de diminuir a fonte.",
        "sample": "Abra espaço para melhorar."
      },
      {
        "id": "section",
        "family": "display",
        "minPx": 28,
        "maxPx": 40,
        "weight": 800,
        "lineHeight": 1.12,
        "trackingEm": -0.02,
        "measureCh": 28,
        "style": "normal",
        "name": "Título de seção",
        "usage": "Introduza o próximo assunto. Separe tamanho visual de nível semântico do título.",
        "sample": "Um site que as pessoas conseguem usar."
      },
      {
        "id": "subheading",
        "family": "body",
        "minPx": 22,
        "maxPx": 28,
        "weight": 600,
        "lineHeight": 1.3,
        "trackingEm": 0,
        "measureCh": 40,
        "style": "normal",
        "name": "Subtítulo",
        "usage": "Explique um grupo de conteúdo ou nomeie um detalhe útil.",
        "sample": "Páginas claras. Um próximo passo simples."
      },
      {
        "id": "lead",
        "family": "body",
        "minPx": 18,
        "maxPx": 22,
        "weight": 400,
        "lineHeight": 1.5,
        "trackingEm": 0,
        "measureCh": 55,
        "style": "normal",
        "name": "Parágrafo de abertura",
        "usage": "Conecte o título aos detalhes. Mantenha um parágrafo curto.",
        "sample": "Ajude as pessoas a entender seu negócio e dar o próximo passo."
      },
      {
        "id": "body",
        "family": "body",
        "minPx": 16,
        "maxPx": 16,
        "weight": 400,
        "lineHeight": 1.6,
        "trackingEm": 0,
        "measureCh": 65,
        "style": "normal",
        "name": "Corpo de texto",
        "usage": "Use em explicações e leitura contínua. Mantenha um comprimento de linha confortável.",
        "sample": "Seu próximo cliente precisa entender o que você faz e como falar com você. Comece pela informação necessária e deixe o próximo passo fácil de encontrar."
      },
      {
        "id": "label",
        "family": "body",
        "minPx": 16,
        "maxPx": 16,
        "weight": 600,
        "lineHeight": 1.4,
        "trackingEm": 0,
        "measureCh": 40,
        "style": "normal",
        "name": "Rótulos e ações",
        "usage": "Use caixa de frase e uma ação clara. Permita quebra em rótulos; mantenha campos em pelo menos 16 px.",
        "sample": "Receber uma proposta"
      },
      {
        "id": "caption",
        "family": "body",
        "minPx": 14,
        "maxPx": 14,
        "weight": 400,
        "lineHeight": 1.5,
        "trackingEm": 0,
        "measureCh": 65,
        "style": "normal",
        "name": "Legenda",
        "usage": "Explique detalhes de apoio. Não esconda instruções essenciais em letras pequenas.",
        "sample": "Um exemplo de trabalho, pronto para revisar."
      },
      {
        "id": "metadata",
        "family": "mono",
        "minPx": 12,
        "maxPx": 12,
        "weight": 400,
        "lineHeight": 1.6,
        "trackingEm": 0.02,
        "measureCh": 65,
        "style": "normal",
        "name": "Metadados e código",
        "usage": "Reserve para versões, tokens e valores técnicos. Não componha parágrafos em mono.",
        "sample": "VERSION 0.7.0 / #E3FF04"
      },
      {
        "id": "accent",
        "family": "accent",
        "minPx": 28,
        "maxPx": 40,
        "weight": 500,
        "lineHeight": 1.2,
        "trackingEm": 0,
        "measureCh": 28,
        "style": "italic",
        "name": "Destaque editorial",
        "usage": "Use uma frase curta em itálico uma vez por composição. Mantenha a mensagem principal nas famílias primárias.",
        "sample": "Um pouco mais humano."
      }
    ],
    "families": [
      {
        "id": "display",
        "rule": "Big Shoulders 800 para títulos curtos. Não use em leitura contínua. Evite itálico sintético e não comprima as letras manualmente."
      },
      {
        "id": "body",
        "rule": "Onest 400 para leitura, 600 para rótulos e 700 para ênfase pontual. Use somente os pesos carregados no projeto."
      },
      {
        "id": "accent",
        "rule": "Fraunces 500 em itálico real. O projeto carrega apenas itálico; não simule uma versão romana ou use em formulários."
      },
      {
        "id": "mono",
        "rule": "Geist Mono 400 para valores e código, 500–600 quando necessário. Alinhe valores comparáveis pela mesma borda."
      }
    ],
    "contexts": [
      {
        "id": "web",
        "title": "Páginas e formulários",
        "text": "Use a escala responsiva abaixo. Mantenha um h1 por página e uma sequência lógica de títulos. Use Onest para instruções, erros e ações. Preserve textos importantes em HTML."
      },
      {
        "id": "social",
        "title": "Posts e Stories",
        "text": "Use Big Shoulders para um título curto e Onest para o detalhe. Siga tamanhos e áreas seguras dos templates sociais; pixels CSS da web não especificam uma tela de 1080 px. Confira o post exportado no celular."
      },
      {
        "id": "slides",
        "title": "Apresentações e impressão",
        "text": "Mantenha contraste claro entre título e corpo. Em slides piloto, comece com 36–48 pt em títulos e 20–24 pt em corpo, conferindo à distância. Em leitura impressa, comece com 11–12 pt e faça prova no formato real; são pontos de partida, não mínimos aprovados."
      },
      {
        "id": "email",
        "title": "E-mails e documentos compartilhados",
        "text": "Se as fontes da marca não estiverem disponíveis, use Arial Bold em títulos e Arial Regular em corpo. Use Georgia Italic em uma frase editorial opcional e Courier New em código. Confira quebras e quantidade de páginas após substituir."
      }
    ],
    "fallbacks": {
      "display": "Arial, sans-serif",
      "body": "Arial, sans-serif",
      "accent": "Georgia, serif",
      "mono": "\"Courier New\", monospace"
    },
    "ui": {
      "label": "03 / Tipografia",
      "title": "Presença no título. Clareza em cada palavra.",
      "intro": "Nossa tipografia tem uma função: chamar atenção, explicar o detalhe útil e deixar o próximo passo claro. Comece com Big Shoulders e Onest; acrescente outras vozes quando ajudarem.",
      "familiesTitle": "Quatro famílias. Funções claras.",
      "familiesText": "Duas famílias fazem a maior parte do trabalho. Um destaque em itálico traz calor; mono dá aos detalhes técnicos seu lugar.",
      "glyphs": "Aa Bb Cc · 0123456789 · À é ç ã £ € $ & @",
      "scaleTitle": "Uma hierarquia pronta para usar.",
      "scaleText": "Os papéis piloto para web definem tamanho, peso, entrelinha, espaçamento e largura de leitura. Valores responsivos crescem entre telas de 360 e 1200 px; papéis fixos mantêm o tamanho. REM acompanha a preferência de fonte do leitor.",
      "scaleNote": "Os valores em px pressupõem raiz de 16 px. “ch” é uma largura relativa à fonte, não uma quantidade fixa de caracteres. Preserve o nível HTML correto mesmo quando usar outro papel visual.",
      "size": "Tamanho",
      "leading": "Entrelinha",
      "tracking": "Espaçamento",
      "measure": "Largura máx.",
      "copyCss": "Copiar CSS do papel",
      "testerTitle": "Teste as palavras que você vai usar.",
      "testerText": "Troque o papel, escreva seu texto e compare fontes da marca com alternativas para documentos. As larguras simulam uma caixa de texto, não outra tela.",
      "role": "Papel tipográfico",
      "copy": "Seu texto",
      "frame": "Caixa de texto",
      "narrow": "Estreita · 320 px",
      "wide": "Ampla · 640 px",
      "fallback": "Ver fonte alternativa",
      "brand": "Ver fontes da marca",
      "reset": "Restaurar exemplo",
      "preview": "Prévia tipográfica",
      "fallbackNote": "Uma alternativa preserva significado e hierarquia, mas muda larguras e quebras de linha. A simulação usa fontes do sistema; não descarrega as fontes do site.",
      "compositionTitle": "A hierarquia trabalhando em conjunto.",
      "compositionText": "Alinhe rótulo, título, introdução e ação à mesma borda de leitura. As guias mostram a coluna do texto, não medidas de altura de letras específicas da fonte.",
      "guides": "Mostrar guias de alinhamento",
      "hideGuides": "Ocultar guias de alinhamento",
      "exampleLabel": "PARA SEU NEGÓCIO",
      "exampleHeading": "Deixe seu próximo passo mais claro.",
      "exampleLead": "Um site útil começa com uma conversa.",
      "exampleBody": "Conte o que seus clientes precisam entender. Vamos transformar isso em páginas que explicam seu trabalho e facilitam o contato.",
      "exampleAction": "Conheça nossos serviços",
      "exampleCaption": "Composição de exemplo · web",
      "readingTitle": "Dê espaço para as palavras.",
      "rules": [
        "Alinhe parágrafos e rótulos relacionados à esquerda. Centralize apenas uma mensagem curta e independente; evite texto justificado.",
        "Busque cerca de 45–75 caracteres por linha em leitura longa, começando pela medida de 65ch. Permita que telas estreitas quebrem linhas naturalmente.",
        "Mantenha espaçamento de corpo em zero e entrelinha de 1,6. Espaçamento apertado pertence a títulos curtos e não pode fazer letras ou acentos colidirem.",
        "Use caixa de frase em títulos, rótulos e ações. Reserve maiúsculas para metadados curtos; evite parágrafos em caixa alta.",
        "Quebre títulos por unidade de sentido. Evite palavras isoladas quando possível, mas não imponha quebras de desktop no celular.",
        "Use uma ênfase por vez: peso, frase curta em itálico ou destaque sólido. Não estique letras, contorne corpo ou aplique gradientes ao texto.",
        "Mantenha caixas flexíveis. Confira traduções longas, acentos, ampliação de texto e ajustes de entrelinha sem cortar ou esconder conteúdo."
      ],
      "good": "Use",
      "bad": "Evite",
      "goodText": "Um próximo passo claro, com espaço para ler.",
      "badText": "UM PRÓXIMO PASSO CLARO, COM ESPAÇO PARA LER.",
      "goodNote": "Caixa de frase, espaçamento natural e uma borda clara de leitura.",
      "badNote": "Texto longo em maiúsculas e espaçamento apertado dificultam a leitura.",
      "contextsTitle": "A mesma voz em formatos diferentes.",
      "resourcesTitle": "Pronto para sua equipe e sua IA.",
      "resourcesText": "Copie o guia completo ou use papéis estruturados e tokens CSS. Declarar a família não instala a fonte. O site serve fontes por next/font; um pacote portátil para download ainda está pendente.",
      "json": "Regras tipográficas · JSON",
      "css": "Tokens tipográficos · CSS",
      "copyGuide": "Copiar guia tipográfico para IA",
      "status": "Especificação piloto. Aplicação consistente entre páginas, revisão em todos os ambientes alternativos e preparação de pacotes de fontes continuam pendentes.",
      "prompt": "Crie uma composição 6am usando os papéis abaixo. Preserve o texto real, use texto editável sempre que possível e escolha os níveis semânticos corretos. Carregue pesos e estilos antes de medir. Não reconstrua o logo com uma fonte. Confira a saída no tamanho de uso e reorganize as linhas em vez de diminuir texto importante para fazê-lo caber."
    }
  },
  "roles": [
    {
      "id": "display",
      "family": "display",
      "minPx": 44,
      "maxPx": 76,
      "weight": 800,
      "lineHeight": 1.02,
      "trackingEm": -0.02,
      "measureCh": 20,
      "style": "normal",
      "name": "Título de abertura",
      "usage": "Uma promessa clara. Busque duas ou três linhas; edite antes de diminuir a fonte.",
      "sample": "Abra espaço para melhorar.",
      "css": "font-family: var(--6am-font-display, \"Big Shoulders\", Impact, sans-serif);\nfont-size: clamp(2.75rem, 1.892857rem + 3.809524vw, 4.75rem);\nfont-weight: 800;\nfont-style: normal;\nline-height: 1.02;\nletter-spacing: -0.02em;\nmax-width: 20ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "section",
      "family": "display",
      "minPx": 28,
      "maxPx": 40,
      "weight": 800,
      "lineHeight": 1.12,
      "trackingEm": -0.02,
      "measureCh": 28,
      "style": "normal",
      "name": "Título de seção",
      "usage": "Introduza o próximo assunto. Separe tamanho visual de nível semântico do título.",
      "sample": "Um site que as pessoas conseguem usar.",
      "css": "font-family: var(--6am-font-display, \"Big Shoulders\", Impact, sans-serif);\nfont-size: clamp(1.75rem, 1.428571rem + 1.428571vw, 2.5rem);\nfont-weight: 800;\nfont-style: normal;\nline-height: 1.12;\nletter-spacing: -0.02em;\nmax-width: 28ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "subheading",
      "family": "body",
      "minPx": 22,
      "maxPx": 28,
      "weight": 600,
      "lineHeight": 1.3,
      "trackingEm": 0,
      "measureCh": 40,
      "style": "normal",
      "name": "Subtítulo",
      "usage": "Explique um grupo de conteúdo ou nomeie um detalhe útil.",
      "sample": "Páginas claras. Um próximo passo simples.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: clamp(1.375rem, 1.214286rem + 0.714286vw, 1.75rem);\nfont-weight: 600;\nfont-style: normal;\nline-height: 1.3;\nletter-spacing: 0em;\nmax-width: 40ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "lead",
      "family": "body",
      "minPx": 18,
      "maxPx": 22,
      "weight": 400,
      "lineHeight": 1.5,
      "trackingEm": 0,
      "measureCh": 55,
      "style": "normal",
      "name": "Parágrafo de abertura",
      "usage": "Conecte o título aos detalhes. Mantenha um parágrafo curto.",
      "sample": "Ajude as pessoas a entender seu negócio e dar o próximo passo.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: clamp(1.125rem, 1.017857rem + 0.47619vw, 1.375rem);\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: 0em;\nmax-width: 55ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "body",
      "family": "body",
      "minPx": 16,
      "maxPx": 16,
      "weight": 400,
      "lineHeight": 1.6,
      "trackingEm": 0,
      "measureCh": 65,
      "style": "normal",
      "name": "Corpo de texto",
      "usage": "Use em explicações e leitura contínua. Mantenha um comprimento de linha confortável.",
      "sample": "Seu próximo cliente precisa entender o que você faz e como falar com você. Comece pela informação necessária e deixe o próximo passo fácil de encontrar.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: 1rem;\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.6;\nletter-spacing: 0em;\nmax-width: 65ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "label",
      "family": "body",
      "minPx": 16,
      "maxPx": 16,
      "weight": 600,
      "lineHeight": 1.4,
      "trackingEm": 0,
      "measureCh": 40,
      "style": "normal",
      "name": "Rótulos e ações",
      "usage": "Use caixa de frase e uma ação clara. Permita quebra em rótulos; mantenha campos em pelo menos 16 px.",
      "sample": "Receber uma proposta",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: 1rem;\nfont-weight: 600;\nfont-style: normal;\nline-height: 1.4;\nletter-spacing: 0em;\nmax-width: 40ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "caption",
      "family": "body",
      "minPx": 14,
      "maxPx": 14,
      "weight": 400,
      "lineHeight": 1.5,
      "trackingEm": 0,
      "measureCh": 65,
      "style": "normal",
      "name": "Legenda",
      "usage": "Explique detalhes de apoio. Não esconda instruções essenciais em letras pequenas.",
      "sample": "Um exemplo de trabalho, pronto para revisar.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: 0.875rem;\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: 0em;\nmax-width: 65ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "metadata",
      "family": "mono",
      "minPx": 12,
      "maxPx": 12,
      "weight": 400,
      "lineHeight": 1.6,
      "trackingEm": 0.02,
      "measureCh": 65,
      "style": "normal",
      "name": "Metadados e código",
      "usage": "Reserve para versões, tokens e valores técnicos. Não componha parágrafos em mono.",
      "sample": "VERSION 0.7.0 / #E3FF04",
      "css": "font-family: var(--6am-font-mono, \"Geist Mono\", monospace);\nfont-size: 0.75rem;\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.6;\nletter-spacing: 0.02em;\nmax-width: 65ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "accent",
      "family": "accent",
      "minPx": 28,
      "maxPx": 40,
      "weight": 500,
      "lineHeight": 1.2,
      "trackingEm": 0,
      "measureCh": 28,
      "style": "italic",
      "name": "Destaque editorial",
      "usage": "Use uma frase curta em itálico uma vez por composição. Mantenha a mensagem principal nas famílias primárias.",
      "sample": "Um pouco mais humano.",
      "css": "font-family: var(--6am-font-accent, \"Fraunces\", Georgia, serif);\nfont-size: clamp(1.75rem, 1.428571rem + 1.428571vw, 2.5rem);\nfont-weight: 500;\nfont-style: italic;\nline-height: 1.2;\nletter-spacing: 0em;\nmax-width: 28ch;\noverflow-wrap: anywhere;"
    }
  ]
}