{
  "marca": "Ana Paula Costa · Nutricionista",
  "sistema": "Rota ap.",
  "versao": "1.2 · outubro de 2026",
  "perfil_cmyk": "ISO Coated v2 300% (FOGRA39, papel revestido) · colorimétrica relativa + compensação de ponto preto",
  "cores": {
    "salvia": {
      "nome": "Sálvia Ana",
      "hex": "#63AF9C",
      "rgb": [
        99,
        175,
        156
      ],
      "cmyk_fogra39": [
        62,
        9,
        44,
        2
      ],
      "uso": "Cor-assinatura e superfície dominante: avatar, capas de destaque, faixas, blocos de cor, capa de post. Nunca para texto sobre claro.",
      "proporcao_sugerida": "28%"
    },
    "algodao": {
      "nome": "Algodão",
      "hex": "#F2F0EB",
      "rgb": [
        242,
        240,
        235
      ],
      "cmyk_fogra39": [
        6,
        5,
        9,
        0
      ],
      "uso": "Fundo claro neutro (derivado do fundo dos ensaios dela, #ECE9E4). Leitura longa.",
      "proporcao_sugerida": "26%"
    },
    "bruma": {
      "nome": "Bruma",
      "hex": "#D8ECE5",
      "rgb": [
        216,
        236,
        229
      ],
      "cmyk_fogra39": [
        18,
        2,
        13,
        0
      ],
      "uso": "Sálvia clareada: segunda superfície, modo Gestação, sub-marca Bem Nutrida.",
      "proporcao_sugerida": "16%"
    },
    "mar": {
      "nome": "Mar Fundo",
      "hex": "#103A40",
      "rgb": [
        16,
        58,
        64
      ],
      "cmyk_fogra39": [
        85,
        49,
        50,
        60
      ],
      "uso": "Símbolo, nome, títulos e base escura. Verde-mar azulado (não é o verde-floresta).",
      "proporcao_sugerida": "16%"
    },
    "salvia-funda": {
      "nome": "Sálvia Funda",
      "hex": "#2F6E60",
      "rgb": [
        47,
        110,
        96
      ],
      "cmyk_fogra39": [
        77,
        31,
        58,
        29
      ],
      "uso": "Verde de texto, botões e links sobre claro; descritor do logotipo.",
      "proporcao_sugerida": "6%"
    },
    "pedra": {
      "nome": "Pedra",
      "hex": "#E4E0D8",
      "rgb": [
        228,
        224,
        216
      ],
      "cmyk_fogra39": [
        13,
        11,
        16,
        0
      ],
      "uso": "Cartões e fundos de apoio neutros.",
      "proporcao_sugerida": "4%"
    },
    "caramelo": {
      "nome": "Caramelo",
      "hex": "#C99A68",
      "rgb": [
        201,
        154,
        104
      ],
      "cmyk_fogra39": [
        19,
        39,
        61,
        8
      ],
      "uso": "O ponto de chegada. Um ponto caramelo por peça, e o do logotipo conta. Nunca texto sobre claro.",
      "proporcao_sugerida": "2%"
    },
    "caramelo-tostado": {
      "nome": "Caramelo Tostado",
      "hex": "#8A5A2E",
      "rgb": [
        138,
        90,
        46
      ],
      "cmyk_fogra39": [
        33,
        58,
        82,
        33
      ],
      "uso": "Texto quente, frase de apoio e links sobre claro.",
      "proporcao_sugerida": "1%"
    },
    "ouro-velho": {
      "nome": "Ouro Velho",
      "hex": "#C9B583",
      "rgb": [
        201,
        181,
        131
      ],
      "cmyk_fogra39": [
        22,
        24,
        52,
        5
      ],
      "uso": "Acento do modo 40+ e menopausa, sempre sobre Mar Fundo. Dourado acinzentado, longe da mostarda.",
      "proporcao_sugerida": "0,5%"
    },
    "grafite": {
      "nome": "Grafite Quente",
      "hex": "#2B2724",
      "rgb": [
        43,
        39,
        36
      ],
      "cmyk_fogra39": [
        65,
        60,
        60,
        74
      ],
      "uso": "Texto corrido longo.",
      "proporcao_sugerida": "0,5%"
    }
  },
  "cores_derivadas": {
    "salvia-clara": {
      "nome": "Sálvia Clara",
      "hex": "#A9D3C6",
      "rgb": [
        169,
        211,
        198
      ],
      "cmyk_fogra39": [
        38,
        3,
        27,
        0
      ],
      "uso": "Traço do padrão de fundo sobre Algodão ou Bruma. Só gráfico."
    },
    "mar-medio": {
      "nome": "Mar Médio",
      "hex": "#2A5C63",
      "rgb": [
        42,
        92,
        99
      ],
      "cmyk_fogra39": [
        79,
        41,
        45,
        36
      ],
      "uso": "Traço do padrão de fundo sobre Mar Fundo. Só gráfico."
    },
    "mar-superficie": {
      "nome": "Mar Superfície",
      "hex": "#17464D",
      "rgb": [
        23,
        70,
        77
      ],
      "cmyk_fogra39": [
        84,
        47,
        47,
        51
      ],
      "uso": "Cartões e caixas dentro do modo 40+ (sobre Mar Fundo)."
    }
  },
  "diferenca_da_rota_reprovada": "A rota reprovada era papel amarelado #F6EFE4 + verde-floresta #1F4D3D + terracota #D6643C, com Fraunces. Aqui a superfície dominante é a Sálvia Ana (28%) e a Bruma (16%); o claro é o Algodão #F2F0EB, neutro e tirado dos ensaios dela; a base escura é verde-mar azulado (#103A40, matiz 188°, contra 160° do verde-floresta); o único quente é um ponto caramelo por peça; não há terracota; a serifa é a Literata em peso médio e o texto é a Atkinson Hyperlegible Next.",
  "contraste_calculado": [
    {
      "texto": "Mar Fundo",
      "fundo": "Algodão",
      "texto_hex": "#103A40",
      "fundo_hex": "#F2F0EB",
      "razao": 10.84,
      "nivel": "AAA"
    },
    {
      "texto": "Grafite Quente",
      "fundo": "Algodão",
      "texto_hex": "#2B2724",
      "fundo_hex": "#F2F0EB",
      "razao": 13.0,
      "nivel": "AAA"
    },
    {
      "texto": "Sálvia Funda",
      "fundo": "Algodão",
      "texto_hex": "#2F6E60",
      "fundo_hex": "#F2F0EB",
      "razao": 5.24,
      "nivel": "AA"
    },
    {
      "texto": "Caramelo Tostado",
      "fundo": "Algodão",
      "texto_hex": "#8A5A2E",
      "fundo_hex": "#F2F0EB",
      "razao": 5.15,
      "nivel": "AA"
    },
    {
      "texto": "Mar Fundo",
      "fundo": "Bruma",
      "texto_hex": "#103A40",
      "fundo_hex": "#D8ECE5",
      "razao": 10.02,
      "nivel": "AAA"
    },
    {
      "texto": "Sálvia Funda",
      "fundo": "Bruma",
      "texto_hex": "#2F6E60",
      "fundo_hex": "#D8ECE5",
      "razao": 4.84,
      "nivel": "AA"
    },
    {
      "texto": "Mar Fundo",
      "fundo": "Sálvia Ana",
      "texto_hex": "#103A40",
      "fundo_hex": "#63AF9C",
      "razao": 4.79,
      "nivel": "AA"
    },
    {
      "texto": "Mar Fundo",
      "fundo": "Pedra",
      "texto_hex": "#103A40",
      "fundo_hex": "#E4E0D8",
      "razao": 9.38,
      "nivel": "AAA"
    },
    {
      "texto": "Caramelo Tostado",
      "fundo": "Pedra",
      "texto_hex": "#8A5A2E",
      "fundo_hex": "#E4E0D8",
      "razao": 4.45,
      "nivel": "só texto grande (24 px ou mais, ou 19 px em negrito) e elementos gráficos"
    },
    {
      "texto": "Algodão",
      "fundo": "Mar Fundo",
      "texto_hex": "#F2F0EB",
      "fundo_hex": "#103A40",
      "razao": 10.84,
      "nivel": "AAA"
    },
    {
      "texto": "Bruma",
      "fundo": "Mar Fundo",
      "texto_hex": "#D8ECE5",
      "fundo_hex": "#103A40",
      "razao": 10.02,
      "nivel": "AAA"
    },
    {
      "texto": "Sálvia Ana",
      "fundo": "Mar Fundo",
      "texto_hex": "#63AF9C",
      "fundo_hex": "#103A40",
      "razao": 4.79,
      "nivel": "AA"
    },
    {
      "texto": "Caramelo",
      "fundo": "Mar Fundo",
      "texto_hex": "#C99A68",
      "fundo_hex": "#103A40",
      "razao": 4.88,
      "nivel": "AA"
    },
    {
      "texto": "Ouro Velho",
      "fundo": "Mar Fundo",
      "texto_hex": "#C9B583",
      "fundo_hex": "#103A40",
      "razao": 6.13,
      "nivel": "AA"
    },
    {
      "texto": "Algodão",
      "fundo": "Mar Superfície",
      "texto_hex": "#F2F0EB",
      "fundo_hex": "#17464D",
      "razao": 9.13,
      "nivel": "AAA"
    },
    {
      "texto": "Ouro Velho",
      "fundo": "Mar Superfície",
      "texto_hex": "#C9B583",
      "fundo_hex": "#17464D",
      "razao": 5.16,
      "nivel": "AA"
    },
    {
      "texto": "Algodão",
      "fundo": "Sálvia Funda",
      "texto_hex": "#F2F0EB",
      "fundo_hex": "#2F6E60",
      "razao": 5.24,
      "nivel": "AA"
    },
    {
      "texto": "Algodão",
      "fundo": "Sálvia Ana",
      "texto_hex": "#F2F0EB",
      "fundo_hex": "#63AF9C",
      "razao": 2.26,
      "nivel": "só decorativo (nunca texto nem informação)"
    },
    {
      "texto": "Caramelo",
      "fundo": "Algodão",
      "texto_hex": "#C99A68",
      "fundo_hex": "#F2F0EB",
      "razao": 2.22,
      "nivel": "só decorativo (nunca texto nem informação)"
    },
    {
      "texto": "Caramelo",
      "fundo": "Sálvia Ana",
      "texto_hex": "#C99A68",
      "fundo_hex": "#63AF9C",
      "razao": 1.02,
      "nivel": "só decorativo (nunca texto nem informação)"
    },
    {
      "texto": "Algodão",
      "fundo": "Caramelo Tostado",
      "texto_hex": "#F2F0EB",
      "fundo_hex": "#8A5A2E",
      "razao": 5.15,
      "nivel": "AA"
    },
    {
      "texto": "Mar Fundo",
      "fundo": "Ouro Velho",
      "texto_hex": "#103A40",
      "fundo_hex": "#C9B583",
      "razao": 6.13,
      "nivel": "AA"
    },
    {
      "texto": "Sálvia Funda",
      "fundo": "Mar Fundo",
      "texto_hex": "#2F6E60",
      "fundo_hex": "#103A40",
      "razao": 2.07,
      "nivel": "só decorativo (nunca texto nem informação)"
    }
  ],
  "modos_por_fase": {
    "gestacao": {
      "nome": "Gestação · claro",
      "fundo": "bruma",
      "superficie": "algodao",
      "texto": "mar",
      "acento": "salvia-funda",
      "ponto": "salvia-funda",
      "nota": "luminoso e leve; o ponto fica verde."
    },
    "pos-parto": {
      "nome": "Pós-parto e amamentação · morno",
      "fundo": "algodao",
      "superficie": "pedra",
      "texto": "mar",
      "acento": "caramelo-tostado",
      "ponto": "caramelo",
      "nota": "acolhedor; o ponto volta ao caramelo (padrão da marca)."
    },
    "40-mais": {
      "nome": "40+ e menopausa · profundo",
      "fundo": "mar",
      "superficie": "mar-superficie",
      "texto": "algodao",
      "acento": "ouro-velho",
      "ponto": "ouro-velho",
      "nota": "mais contraste e corpo de texto 2 px maior em todas as peças. Botão em Ouro Velho com texto Mar Fundo (Sálvia Funda sobre Mar Fundo dá 2,1:1 e o botão sumiria).",
      "corpo_extra_px": 2,
      "botao": {
        "fundo": "ouro-velho",
        "texto": "mar"
      }
    }
  },
  "tipografia": {
    "titulos": {
      "familia": "Literata",
      "arquivo": "fontes/Literata[opsz,wght].ttf",
      "eixos": {
        "opsz": "48-72 nos títulos",
        "wght": "560-600"
      },
      "italico": "fontes/Literata-Italic[opsz,wght].ttf (sub-marca Bem Nutrida, citações)",
      "regra": "a partir de 24 px; em tamanhos menores use a Atkinson."
    },
    "texto": {
      "familia": "Atkinson Hyperlegible Next",
      "arquivo": "fontes/AtkinsonHyperlegibleNext[wght].ttf",
      "pesos": [
        400,
        500,
        600,
        700
      ],
      "regra": "texto corrido, interface, botões, rótulos e legendas."
    },
    "numeros": {
      "familia": "Literata (só os algarismos 0 a 9)",
      "arquivo": "fontes/Literata[opsz,wght].ttf",
      "motivo": "a Atkinson Hyperlegible Next só tem zero cortado (Ø) e não oferece alternativa; \"40+\" sairia \"4Ø+\".",
      "regra": "no CSS, a família \"Ana Numerais\" (Literata limitada a U+0030-0039) vem antes da Atkinson em --fonte-texto, então todo número sai com zero aberto; em arte vetorizada, \"40+\", datas e medidas são compostos em Literata. Classe .num-fase para rótulos de fase."
    },
    "escala_web_px": {
      "display": {
        "desktop": 72,
        "mobile": 44,
        "familia": "Literata",
        "peso": 580,
        "entrelinha": 1.06,
        "tracking_em": -0.005
      },
      "h1": {
        "desktop": 52,
        "mobile": 36,
        "familia": "Literata",
        "peso": 580,
        "entrelinha": 1.1
      },
      "h2": {
        "desktop": 38,
        "mobile": 29,
        "familia": "Literata",
        "peso": 580,
        "entrelinha": 1.15
      },
      "h3": {
        "desktop": 26,
        "mobile": 22,
        "familia": "Literata",
        "peso": 560,
        "entrelinha": 1.25
      },
      "corpo": {
        "desktop": 18,
        "mobile": 17,
        "familia": "Atkinson Hyperlegible Next",
        "peso": 400,
        "entrelinha": 1.65
      },
      "corpo-40mais": {
        "desktop": 20,
        "mobile": 19,
        "familia": "Atkinson Hyperlegible Next",
        "peso": 400,
        "entrelinha": 1.65
      },
      "botao": {
        "desktop": 17,
        "mobile": 17,
        "familia": "Atkinson Hyperlegible Next",
        "peso": 600
      },
      "rotulo": {
        "desktop": 14,
        "mobile": 14,
        "familia": "Atkinson Hyperlegible Next",
        "peso": 600,
        "caixa": "alta",
        "tracking_em": 0.14
      },
      "legenda": {
        "desktop": 15,
        "mobile": 15,
        "familia": "Atkinson Hyperlegible Next",
        "peso": 400
      }
    },
    "escala_redes_px_em_tela_1080": {
      "titulo-post": 88,
      "titulo-story": 92,
      "subtitulo": 46,
      "texto": 36,
      "texto-minimo": 32,
      "rotulo": 26,
      "nota": "no story, nada essencial nos 250 px de cima e de baixo (zonas seguras)."
    }
  },
  "espacamento_px": {
    "1": 4,
    "2": 8,
    "3": 12,
    "4": 16,
    "5": 24,
    "6": 32,
    "7": 48,
    "8": 64,
    "9": 96,
    "10": 128
  },
  "raio_px": {
    "pequeno": 8,
    "medio": 14,
    "grande": 24,
    "pilula": 999,
    "arco": "topo com raio = metade da largura (moldura de foto)"
  },
  "sombras": {
    "suave": "0 1px 2px rgba(16,58,64,.06), 0 6px 18px rgba(16,58,64,.08)",
    "cartao": "0 2px 4px rgba(16,58,64,.06), 0 14px 36px rgba(16,58,64,.10)",
    "regra": "sombra sempre puxada para o Mar Fundo, nunca preta pura."
  },
  "movimento": {
    "curva_mare": "cubic-bezier(.33,0,.15,1)",
    "rapido_ms": 160,
    "base_ms": 240,
    "entrada_ms": 480,
    "traco_ms": 1200,
    "assinatura": "o traço da rota se desenha da esquerda para a direita (traco_ms) e o ponto pousa por último com leve escala 0,6→1 em 240 ms.",
    "reduzir_movimento": "com prefers-reduced-motion, mostrar o traço pronto, sem animação."
  },
  "forma_assinatura": {
    "nome": "Rota",
    "descricao": "Linha que corre reta, mergulha uma única vez (a virada de rota) e termina no ponto de chegada. É o trecho do símbolo entre o a e o p.",
    "regras": [
      "toda rota termina em um ponto",
      "um mergulho por rota, nunca uma onda contínua",
      "um ponto caramelo por peça, e o do logotipo conta: se a peça já tem o logotipo colorido, rotas, marcadores e pílulas usam ponto Sálvia Funda (claro) ou Sálvia Ana (escuro); o padrão de fundo nunca usa caramelo",
      "a espessura varia como pena: fina no plano, encorpada na descida"
    ],
    "arquivos": {
      "divisor": "forma-assinatura/rota-divisor.svg",
      "divisor-curto": "forma-assinatura/rota-divisor-curto.svg",
      "divisor-sem-caramelo": "forma-assinatura/rota-divisor-salvia.svg",
      "divisor-curto-sem-caramelo": "forma-assinatura/rota-divisor-curto-salvia.svg",
      "seta": "forma-assinatura/rota-seta.svg",
      "regua-fases": "forma-assinatura/regua-fases.svg",
      "moldura": "forma-assinatura/moldura-arco-mascara.svg",
      "padrao": "forma-assinatura/padrao-fundo-claro.svg",
      "icones": "forma-assinatura/icones-destaques/"
    },
    "svg_path_divisor_600x40": "M 3 8 L 240 8 C 266.4 8, 276 24, 300 24 C 324 24, 333.6 8, 360 8 L 580 8"
  }
}