{
  "schemaVersion": 1,
  "organization": "6am",
  "version": "0.7.0",
  "locale": "br",
  "colorSpace": "sRGB",
  "colors": [
    {
      "key": "ink",
      "name": "Preto",
      "value": "#0A0C00",
      "on": "#FFFFFF",
      "role": "Base escura e texto principal.",
      "status": "Aprovado",
      "rgb": [
        10,
        12,
        0
      ]
    },
    {
      "key": "white",
      "name": "Branco",
      "value": "#FFFFFF",
      "on": "#0A0C00",
      "role": "Superfícies claras e texto sobre fundos escuros.",
      "status": "Aprovado",
      "rgb": [
        255,
        255,
        255
      ]
    },
    {
      "key": "lime",
      "name": "Lime",
      "value": "#E3FF04",
      "on": "#0A0C00",
      "role": "Ações principais, seleção e destaques da marca.",
      "status": "Aprovado",
      "rgb": [
        227,
        255,
        4
      ]
    },
    {
      "key": "support",
      "name": "Grafite",
      "value": "#252525",
      "on": "#FFFFFF",
      "role": "Superfície escura de apoio.",
      "status": "Aprovado",
      "rgb": [
        37,
        37,
        37
      ]
    },
    {
      "key": "paper",
      "name": "Papel",
      "value": "#F4F4F0",
      "on": "#0A0C00",
      "role": "Fundo de trabalho do catálogo.",
      "status": "Piloto",
      "rgb": [
        244,
        244,
        240
      ]
    },
    {
      "key": "muted",
      "name": "Texto secundário",
      "value": "#60605A",
      "on": "#FFFFFF",
      "role": "Texto auxiliar sobre superfícies claras.",
      "status": "Piloto",
      "rgb": [
        96,
        96,
        90
      ]
    },
    {
      "key": "line",
      "name": "Divisor",
      "value": "#D9D9D1",
      "on": "#0A0C00",
      "role": "Separação visual; não usar como texto.",
      "status": "Piloto",
      "rgb": [
        217,
        217,
        209
      ]
    },
    {
      "key": "error",
      "name": "Erro",
      "value": "#A12622",
      "on": "#FFFFFF",
      "role": "Mensagem e contorno de erro, acompanhados de texto.",
      "status": "Piloto",
      "rgb": [
        161,
        38,
        34
      ]
    }
  ],
  "colorUsage": {
    "status": "pilot",
    "brandKeys": [
      "ink",
      "white",
      "lime",
      "support"
    ],
    "functionalKeys": [
      "paper",
      "muted",
      "line",
      "error"
    ],
    "logoAccent": {
      "value": "#C4E86B",
      "scope": "logo-only",
      "src": "/assets/img/logo/logo-6am-white.svg"
    },
    "print": {
      "status": "not-specified",
      "cmyk": null,
      "pantone": null,
      "profile": null
    },
    "contrast": {
      "standard": "WCAG 2.2",
      "normalAA": 4.5,
      "largeAA": 3,
      "essentialUI": 3,
      "normalAAA": 7,
      "largeAAA": 4.5
    },
    "pairings": [
      {
        "id": "reading",
        "foreground": "ink",
        "background": "white"
      },
      {
        "id": "action",
        "foreground": "ink",
        "background": "lime"
      },
      {
        "id": "depth",
        "foreground": "white",
        "background": "support"
      },
      {
        "id": "secondary",
        "foreground": "muted",
        "background": "paper"
      },
      {
        "id": "avoid-light",
        "foreground": "white",
        "background": "lime"
      },
      {
        "id": "avoid-dark",
        "foreground": "ink",
        "background": "support"
      }
    ],
    "recipes": [
      {
        "id": "everyday",
        "background": "white",
        "foreground": "ink",
        "accent": "lime",
        "shares": [
          {
            "key": "white",
            "percent": 70
          },
          {
            "key": "ink",
            "percent": 20
          },
          {
            "key": "lime",
            "percent": 10
          }
        ],
        "title": "Clareza no dia a dia",
        "text": "Páginas de serviço, documentos e formulários. A base clara dá espaço à leitura e o lime aponta o próximo passo.",
        "headline": "Um próximo passo bem claro.",
        "action": "Conhecer o serviço"
      },
      {
        "id": "depth",
        "background": "support",
        "foreground": "white",
        "accent": "lime",
        "shares": [
          {
            "key": "support",
            "percent": 70
          },
          {
            "key": "white",
            "percent": 20
          },
          {
            "key": "lime",
            "percent": 10
          }
        ],
        "title": "Profundidade com foco",
        "text": "Aberturas, apresentações e blocos de destaque. Branco conduz a leitura, grafite dá estrutura e lime marca a ação.",
        "headline": "Seu trabalho merece ser visto.",
        "action": "Explorar as soluções"
      },
      {
        "id": "campaign",
        "background": "lime",
        "foreground": "ink",
        "accent": "white",
        "shares": [
          {
            "key": "lime",
            "percent": 70
          },
          {
            "key": "ink",
            "percent": 20
          },
          {
            "key": "white",
            "percent": 10
          }
        ],
        "title": "Impacto em um momento",
        "text": "Capas sociais, chamadas curtas e campanhas. Use um bloco expressivo e retome uma base neutra para conteúdos longos.",
        "headline": "Uma boa ideia pede passagem.",
        "action": "Ver a ideia"
      }
    ],
    "ui": {
      "label": "02 / Cores",
      "title": "O lime chama. A base sustenta.",
      "intro": "Quatro cores de marca, cada uma com uma função. Preto e branco organizam a leitura, grafite acrescenta profundidade e lime destaca o que importa.",
      "brandTitle": "A paleta que nos identifica.",
      "brandText": "Use os valores exatos. HEX e RGB descrevem a mesma cor em sRGB; os tokens mantêm essa escolha consistente no produto.",
      "functionalTitle": "Tons que ajudam a interface.",
      "functionalText": "Papel, texto secundário, divisores e erro têm funções específicas. Estão em piloto e não ampliam a paleta de campanhas.",
      "copy": "Copiar",
      "codeFormat": "Formato do código",
      "balanceTitle": "A intensidade acompanha a peça.",
      "balanceText": "Escolha uma direção para ver como a paleta pode se distribuir. As proporções são pontos de partida do piloto, não uma fórmula obrigatória para cada tela.",
      "balanceNote": "As barras indicam a intenção de equilíbrio entre áreas de cor, sem contar fotografias. As prévias são composições ilustrativas, não medições desses percentuais.",
      "preview": "Prévia de composição",
      "pairsTitle": "Combinações para começar bem.",
      "pairsText": "A cor do texto depende do fundo. Compare pares prontos e confira outras combinações no verificador abaixo.",
      "good": "Adequado para texto comum",
      "bad": "Evite para texto",
      "pairConnector": "sobre",
      "checkerTitle": "Confira antes de publicar.",
      "foreground": "Texto ou elemento",
      "background": "Fundo",
      "ratio": "Razão de contraste",
      "normal": "Texto comum · AA",
      "large": "Texto grande · AA",
      "interface": "Elementos essenciais · 3:1",
      "pass": "Atende",
      "fail": "Não atende",
      "checkerText": "Para texto comum, use pelo menos 4,5:1. Texto grande exige 3:1: pelo menos 24 px, ou 18,67 px em negrito. Elementos visuais necessários para reconhecer controles e informações precisam de 3:1 contra as cores adjacentes relevantes.",
      "checkerNote": "Cálculo para duas cores sRGB opacas e sólidas. Transparências, fotos, gradientes, foco e estados precisam de verificação no contexto final. O resultado de um par não certifica a acessibilidade da página.",
      "sampleTitle": "Clareza em cada detalhe.",
      "sampleBody": "Uma frase simples ajuda a conferir a leitura.",
      "logoTitle": "Dois verdes. Funções diferentes.",
      "logoText": "O lime #E3FF04 é a cor de destaque da interface e das peças. O verde #C4E86B pertence aos arquivos existentes do logo e do símbolo. Ele não é uma segunda cor de destaque para botões.",
      "logoNote": "Use os arquivos da marca sem recolorir. Na variante para fundo lime, os dois pontos são brancos e as letras pretas. Uma exceção de cor do logo não vira regra para textos de interface.",
      "brandLime": "Lime da marca",
      "logoGreen": "Verde do arquivo do logo",
      "logoLink": "Ver variantes e downloads",
      "meaningTitle": "A informação não depende só da cor.",
      "meaningText": "A cor reforça uma mensagem que já está clara em palavras, símbolos ou posição. Vermelho não deve ser a única pista de erro; lime não significa automaticamente sucesso.",
      "errorLabel": "E-mail",
      "errorExample": "Informe um e-mail válido para continuar.",
      "chartTitle": "Exemplo ilustrativo · solicitações por canal",
      "chartNote": "Rótulos, valores e contornos continuam explicando o gráfico sem depender do lime. Estes números são fictícios.",
      "chartRows": [
        "Site",
        "Indicação",
        "Social"
      ],
      "craftTitle": "Cor com intenção, sem efeitos por padrão.",
      "craftRules": [
        "Comece com superfícies sólidas. Quando a composição pedir profundidade, use as receitas piloto de gradientes desta página. Novas escalas de tons ainda não estão definidas.",
        "Em fotos, preserve as cores naturais de pessoas e materiais. Ajuste o fundo da mensagem sem pintar toda a cena de lime.",
        "Use lime para uma prioridade clara. Em uma sequência de peças, alterne momentos expressivos e superfícies neutras.",
        "O tom de divisor é decorativo. Para limites essenciais de campos e controles, escolha uma cor com contraste suficiente."
      ],
      "printTitle": "A tela é uma referência. O material é outra etapa.",
      "digitalTitle": "Digital · definido",
      "digitalText": "HEX e RGB em sRGB são os valores de referência. Preserve o perfil na exportação e verifique o resultado no dispositivo de destino.",
      "printLabel": "Impressão · a definir",
      "printText": "Ainda não temos equivalências CMYK ou Pantone aprovadas. Não converta o lime automaticamente e publique o resultado como oficial. O brilho de tela pode mudar bastante no papel.",
      "printSteps": [
        "Defina papel, acabamento, processo e perfil de cor com o fornecedor.",
        "Compare uma prova física com a intenção da marca e registre os ajustes.",
        "Registre a fórmula validada e o material no sistema antes de reutilizar."
      ],
      "resourcesTitle": "A mesma paleta para pessoas e IAs.",
      "json": "Regras e combinações · JSON",
      "css": "Tokens · CSS",
      "copyGuide": "Copiar guia de cores para IA",
      "statusNote": "As quatro cores de marca permanecem aprovadas. Proporções, tons funcionais e orientações de produção estão em piloto; equivalências de impressão continuam pendentes."
    },
    "gradients": {
      "status": "pilot",
      "imageSrc": "/assets/design/6am/photography/ceramics-workshop-ai.png",
      "presets": [
        {
          "id": "first-light",
          "family": "linear",
          "layers": [
            {
              "type": "linear",
              "angle": 120,
              "stops": [
                {
                  "color": "lime",
                  "position": 0,
                  "opacity": 1
                },
                {
                  "color": "white",
                  "position": 100,
                  "opacity": 1
                }
              ]
            }
          ],
          "base": "white",
          "status": "pilot",
          "title": "Primeira luz",
          "description": "O lime se abre em branco. Use em uma mensagem curta de campanha, capa ou divisória editorial.",
          "textRule": "Use letras ink e o logo para fundo claro. Mantenha a mensagem curta e confira a composição final."
        },
        {
          "id": "quiet-depth",
          "family": "linear",
          "layers": [
            {
              "type": "linear",
              "angle": 135,
              "stops": [
                {
                  "color": "support",
                  "position": 0,
                  "opacity": 1
                },
                {
                  "color": "ink",
                  "position": 100,
                  "opacity": 1
                }
              ]
            }
          ],
          "base": "ink",
          "status": "pilot",
          "title": "Profundidade suave",
          "description": "O grafite se transforma em ink. Um fundo discreto para aberturas, encerramentos e histórias de serviços.",
          "textRule": "Use letras brancas e o logo para fundo escuro. Mantenha o lime como um pequeno destaque sólido."
        },
        {
          "id": "lime-field",
          "family": "field",
          "layers": [
            {
              "type": "radial",
              "x": 15,
              "y": 20,
              "stops": [
                {
                  "color": "lime",
                  "position": 0,
                  "opacity": 1
                },
                {
                  "color": "lime",
                  "position": 75,
                  "opacity": 0
                }
              ]
            },
            {
              "type": "radial",
              "x": 90,
              "y": 90,
              "stops": [
                {
                  "color": "lime",
                  "position": 0,
                  "opacity": 0.45
                },
                {
                  "color": "lime",
                  "position": 65,
                  "opacity": 0
                }
              ]
            }
          ],
          "base": "white",
          "status": "pilot",
          "title": "Campo lime",
          "description": "Dois focos de lime sobre branco criam um fundo suave e aberto para peças de campanha.",
          "textRule": "Mantenha texto e logo completo em um painel sólido branco ou ink. Deixe o campo de luz como decoração."
        },
        {
          "id": "night-glow",
          "family": "field",
          "layers": [
            {
              "type": "radial",
              "x": 90,
              "y": 15,
              "stops": [
                {
                  "color": "lime",
                  "position": 0,
                  "opacity": 0.55
                },
                {
                  "color": "lime",
                  "position": 65,
                  "opacity": 0
                }
              ]
            },
            {
              "type": "radial",
              "x": 10,
              "y": 90,
              "stops": [
                {
                  "color": "support",
                  "position": 0,
                  "opacity": 1
                },
                {
                  "color": "support",
                  "position": 70,
                  "opacity": 0
                }
              ]
            }
          ],
          "base": "ink",
          "status": "pilot",
          "title": "Brilho noturno",
          "description": "Um brilho lime encontra o grafite sobre ink. Use em uma única capa expressiva ou transição.",
          "textRule": "Coloque texto e logo completo em um painel opaco. Não deduza o contraste apenas pelo fundo escuro."
        },
        {
          "id": "ink-overlay",
          "family": "overlay",
          "layers": [
            {
              "type": "linear",
              "angle": 90,
              "stops": [
                {
                  "color": "ink",
                  "position": 0,
                  "opacity": 1
                },
                {
                  "color": "ink",
                  "position": 25,
                  "opacity": 1
                },
                {
                  "color": "ink",
                  "position": 70,
                  "opacity": 0
                }
              ]
            }
          ],
          "base": null,
          "status": "pilot",
          "title": "Sobreposição ink",
          "description": "Uma borda sólida ink se dissolve na imagem. Use quando texto claro precisa de uma área tranquila ao lado do assunto.",
          "textRule": "Coloque texto branco no primeiro quarto opaco ou em um painel ink sólido. Preserve rostos e detalhes importantes fora da transição."
        },
        {
          "id": "white-overlay",
          "family": "overlay",
          "layers": [
            {
              "type": "linear",
              "angle": 90,
              "stops": [
                {
                  "color": "white",
                  "position": 0,
                  "opacity": 1
                },
                {
                  "color": "white",
                  "position": 25,
                  "opacity": 1
                },
                {
                  "color": "white",
                  "position": 70,
                  "opacity": 0
                }
              ]
            }
          ],
          "base": null,
          "status": "pilot",
          "title": "Sobreposição branca",
          "description": "Uma borda branca sólida se abre para a imagem. Use em uma composição leve com letras escuras.",
          "textRule": "Coloque texto ink no primeiro quarto opaco ou em um painel branco sólido. Não apague pele, produtos ou evidências."
        }
      ],
      "ui": {
        "title": "Um pouco de luz. Um propósito claro.",
        "intro": "Gradientes adicionam profundidade à paleta 6am. Comece com superfícies sólidas e escolha uma destas seis receitas quando uma transição ajudar a composição.",
        "status": "Receitas piloto · sRGB digital",
        "linearTitle": "Gradientes lineares",
        "linearText": "Duas cores, uma direção. Mantenha as transições amplas e simples.",
        "fieldTitle": "Campos de luz",
        "fieldText": "Gradientes radiais em camadas criam profundidade em duas dimensões. Use um campo por composição e dê à mensagem uma superfície sólida própria.",
        "overlayTitle": "Sobreposições para imagens",
        "overlayText": "Use uma transição de opacidade para abrir espaço para a mensagem. Ela fica acima da imagem; não é um filtro de cor para toda a cena.",
        "stops": "Paradas de cor",
        "opacity": "opacidade",
        "base": "Base",
        "transparent": "Transparente",
        "copyCss": "Copiar CSS",
        "copyPrompt": "Copiar instruções para IA",
        "chooseOverlay": "Escolher sobreposição",
        "showOverlay": "Mostrar sobreposição",
        "hideOverlay": "Ver original",
        "overlayNote": "Use as composições fotográficas abaixo para ver opacidade, posição da mensagem e o logo oficial em conjunto.",
        "demoTitle": "Espaço para uma boa ideia.",
        "demoBody": "Dê espaço à mensagem. Mantenha o trabalho à vista.",
        "rulesTitle": "Cada efeito no seu lugar.",
        "rules": [
          "Use somente estas receitas e suas paradas publicadas. Tons interpolados pertencem ao efeito, não são novos tokens da marca.",
          "Mantenha logos, ícones, textos, botões, formulários e gráficos em cores sólidas. Os estilos de ilustração mantêm suas regras de cor chapada.",
          "Não combine vários gradientes, adicione arco-íris ou anime o campo. Deixe um tratamento conduzir a composição.",
          "Meça o contraste atrás de cada área de texto na composição final. Conferir apenas as cores inicial e final não basta, principalmente sobre imagens.",
          "Use um painel opaco quando houver dúvida de contraste. Confira recortes mobile e arquivos exportados; impressão ainda exige prova física."
        ],
        "resources": "Receitas reutilizáveis",
        "resourceText": "Copie um fundo CSS completo ou um briefing para sua IA. O JSON inclui camadas, paradas, opacidade e CSS resolvido; o download CSS inclui as seis variáveis.",
        "json": "Receitas de gradientes · JSON",
        "css": "Tokens de gradientes · CSS",
        "promptLead": "Crie uma composição 6am com esta receita exata de gradiente.",
        "promptEnd": "Aplique o gradiente na etapa de composição usando o CSS abaixo. Não peça a um modelo de imagem para reproduzir HEX exatos ou desenhar o logo. Use o arquivo original do catálogo de marca. Preserve paradas, opacidade e ordem das camadas. Mantenha elementos comuns de interface em cores sólidas. Valide recorte final e contraste do texto; esta receita piloto não é aprovação de acessibilidade ou impressão."
      },
      "photoExamples": {
        "status": "pilot",
        "angle": 90,
        "opaqueUntil": 36,
        "transparentFrom": 65,
        "contentLeft": 6,
        "contentWidth": 28,
        "mobileBreakpoint": 640,
        "variants": [
          {
            "id": "photo-ink",
            "color": "ink",
            "foreground": "white",
            "logoSurface": "dark",
            "title": "Sobreposição escura"
          },
          {
            "id": "photo-white",
            "color": "white",
            "foreground": "ink",
            "logoSurface": "light",
            "title": "Sobreposição clara"
          }
        ],
        "ui": {
          "title": "Fotografia, gradiente, mensagem.",
          "intro": "Uma transição gradual abre espaço para a mensagem e mantém a profissional e seu trabalho à vista. Escolha uma composição clara ou escura para ver o logo correspondente.",
          "choose": "Composição fotográfica",
          "original": "Ver foto original",
          "composed": "Ver composição",
          "headline": "Bom trabalho.\nEm foco.",
          "body": "Espaço para as pessoas por trás de cada boa ideia.",
          "recipe": "Receita da composição · HTML + CSS",
          "copy": "Copiar composição fotográfica",
          "notes": [
            "Mantenha a mensagem e o logo na área opaca. A transição começa depois da área de leitura, afastada do rosto.",
            "Leve a sobreposição até a transparência; preserve os tons naturais da pele, as mãos e o objeto em produção. Esta é uma sobreposição localizada, não um tratamento duotone.",
            "Mantenha as proporções originais do logo e uma margem livre ao redor. Use o arquivo com letras brancas sobre ink e o arquivo com letras escuras sobre branco.",
            "Em layouts estreitos, coloque a mensagem em uma superfície sólida abaixo da foto. Revise o corte e o contraste ao trocar a imagem."
          ],
          "spec": "Da esquerda para a direita · opacidade",
          "mobile": "Abaixo de 640 px de largura disponível, a mensagem passa para baixo da fotografia.",
          "geometry": "Esta composição fotográfica estende a área opaca até 36% e termina a transição em 65%. É uma receita de layout separada dos tokens básicos de sobreposição.",
          "linkColors": "Explorar receitas de gradiente",
          "linkPhotography": "Explorar direção fotográfica"
        }
      }
    }
  },
  "gradients": [
    {
      "id": "first-light",
      "family": "linear",
      "layers": [
        {
          "type": "linear",
          "angle": 120,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 100,
              "opacity": 1
            }
          ]
        }
      ],
      "base": "white",
      "status": "pilot",
      "title": "Primeira luz",
      "description": "O lime se abre em branco. Use em uma mensagem curta de campanha, capa ou divisória editorial.",
      "textRule": "Use letras ink e o logo para fundo claro. Mantenha a mensagem curta e confira a composição final.",
      "variable": "--ds-gradient-first-light",
      "css": "linear-gradient(120deg, #E3FF04 0%, #FFFFFF 100%), #FFFFFF"
    },
    {
      "id": "quiet-depth",
      "family": "linear",
      "layers": [
        {
          "type": "linear",
          "angle": 135,
          "stops": [
            {
              "color": "support",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 100,
              "opacity": 1
            }
          ]
        }
      ],
      "base": "ink",
      "status": "pilot",
      "title": "Profundidade suave",
      "description": "O grafite se transforma em ink. Um fundo discreto para aberturas, encerramentos e histórias de serviços.",
      "textRule": "Use letras brancas e o logo para fundo escuro. Mantenha o lime como um pequeno destaque sólido.",
      "variable": "--ds-gradient-quiet-depth",
      "css": "linear-gradient(135deg, #252525 0%, #0A0C00 100%), #0A0C00"
    },
    {
      "id": "lime-field",
      "family": "field",
      "layers": [
        {
          "type": "radial",
          "x": 15,
          "y": 20,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "lime",
              "position": 75,
              "opacity": 0
            }
          ]
        },
        {
          "type": "radial",
          "x": 90,
          "y": 90,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 0.45
            },
            {
              "color": "lime",
              "position": 65,
              "opacity": 0
            }
          ]
        }
      ],
      "base": "white",
      "status": "pilot",
      "title": "Campo lime",
      "description": "Dois focos de lime sobre branco criam um fundo suave e aberto para peças de campanha.",
      "textRule": "Mantenha texto e logo completo em um painel sólido branco ou ink. Deixe o campo de luz como decoração.",
      "variable": "--ds-gradient-lime-field",
      "css": "radial-gradient(ellipse at 15% 20%, #E3FF04 0%, rgba(227, 255, 4, 0) 75%), radial-gradient(ellipse at 90% 90%, rgba(227, 255, 4, 0.45) 0%, rgba(227, 255, 4, 0) 65%), #FFFFFF"
    },
    {
      "id": "night-glow",
      "family": "field",
      "layers": [
        {
          "type": "radial",
          "x": 90,
          "y": 15,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 0.55
            },
            {
              "color": "lime",
              "position": 65,
              "opacity": 0
            }
          ]
        },
        {
          "type": "radial",
          "x": 10,
          "y": 90,
          "stops": [
            {
              "color": "support",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "support",
              "position": 70,
              "opacity": 0
            }
          ]
        }
      ],
      "base": "ink",
      "status": "pilot",
      "title": "Brilho noturno",
      "description": "Um brilho lime encontra o grafite sobre ink. Use em uma única capa expressiva ou transição.",
      "textRule": "Coloque texto e logo completo em um painel opaco. Não deduza o contraste apenas pelo fundo escuro.",
      "variable": "--ds-gradient-night-glow",
      "css": "radial-gradient(ellipse at 90% 15%, rgba(227, 255, 4, 0.55) 0%, rgba(227, 255, 4, 0) 65%), radial-gradient(ellipse at 10% 90%, #252525 0%, rgba(37, 37, 37, 0) 70%), #0A0C00"
    },
    {
      "id": "ink-overlay",
      "family": "overlay",
      "layers": [
        {
          "type": "linear",
          "angle": 90,
          "stops": [
            {
              "color": "ink",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 25,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 70,
              "opacity": 0
            }
          ]
        }
      ],
      "base": null,
      "status": "pilot",
      "title": "Sobreposição ink",
      "description": "Uma borda sólida ink se dissolve na imagem. Use quando texto claro precisa de uma área tranquila ao lado do assunto.",
      "textRule": "Coloque texto branco no primeiro quarto opaco ou em um painel ink sólido. Preserve rostos e detalhes importantes fora da transição.",
      "variable": "--ds-gradient-ink-overlay",
      "css": "linear-gradient(90deg, #0A0C00 0%, #0A0C00 25%, rgba(10, 12, 0, 0) 70%)"
    },
    {
      "id": "white-overlay",
      "family": "overlay",
      "layers": [
        {
          "type": "linear",
          "angle": 90,
          "stops": [
            {
              "color": "white",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 25,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 70,
              "opacity": 0
            }
          ]
        }
      ],
      "base": null,
      "status": "pilot",
      "title": "Sobreposição branca",
      "description": "Uma borda branca sólida se abre para a imagem. Use em uma composição leve com letras escuras.",
      "textRule": "Coloque texto ink no primeiro quarto opaco ou em um painel branco sólido. Não apague pele, produtos ou evidências.",
      "variable": "--ds-gradient-white-overlay",
      "css": "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255, 255, 255, 0) 70%)"
    }
  ],
  "photoGradients": [
    {
      "id": "photo-ink",
      "color": "ink",
      "foreground": "white",
      "logoSurface": "dark",
      "title": "Sobreposição escura",
      "status": "pilot",
      "layers": [
        {
          "type": "linear",
          "angle": 90,
          "stops": [
            {
              "color": "ink",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 36,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 65,
              "opacity": 0
            }
          ]
        }
      ],
      "css": "linear-gradient(90deg, #0A0C00 0%, #0A0C00 36%, rgba(10, 12, 0, 0) 65%)",
      "background": "#0A0C00",
      "textColor": "#FFFFFF",
      "logoSrc": "/assets/img/logo/logo-6am-white.svg",
      "imageSrc": "/assets/design/6am/photography/ceramics-workshop-ai.png",
      "imageOrigin": "ai-generated",
      "imageStatus": "demonstration",
      "message": {
        "headline": "Bom trabalho.\nEm foco.",
        "body": "Espaço para as pessoas por trás de cada boa ideia."
      },
      "guidance": [
        "Mantenha a mensagem e o logo na área opaca. A transição começa depois da área de leitura, afastada do rosto.",
        "Leve a sobreposição até a transparência; preserve os tons naturais da pele, as mãos e o objeto em produção. Esta é uma sobreposição localizada, não um tratamento duotone.",
        "Mantenha as proporções originais do logo e uma margem livre ao redor. Use o arquivo com letras brancas sobre ink e o arquivo com letras escuras sobre branco.",
        "Em layouts estreitos, coloque a mensagem em uma superfície sólida abaixo da foto. Revise o corte e o contraste ao trocar a imagem."
      ],
      "disclosure": "Cena demonstrativa gerada por IA. Não retrata cliente, equipe ou projeto real da 6am.",
      "contentLeft": 6,
      "contentWidth": 28,
      "mobileBreakpoint": 640
    },
    {
      "id": "photo-white",
      "color": "white",
      "foreground": "ink",
      "logoSurface": "light",
      "title": "Sobreposição clara",
      "status": "pilot",
      "layers": [
        {
          "type": "linear",
          "angle": 90,
          "stops": [
            {
              "color": "white",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 36,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 65,
              "opacity": 0
            }
          ]
        }
      ],
      "css": "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 36%, rgba(255, 255, 255, 0) 65%)",
      "background": "#FFFFFF",
      "textColor": "#0A0C00",
      "logoSrc": "/assets/img/logo/logo-6am-dark.svg",
      "imageSrc": "/assets/design/6am/photography/ceramics-workshop-ai.png",
      "imageOrigin": "ai-generated",
      "imageStatus": "demonstration",
      "message": {
        "headline": "Bom trabalho.\nEm foco.",
        "body": "Espaço para as pessoas por trás de cada boa ideia."
      },
      "guidance": [
        "Mantenha a mensagem e o logo na área opaca. A transição começa depois da área de leitura, afastada do rosto.",
        "Leve a sobreposição até a transparência; preserve os tons naturais da pele, as mãos e o objeto em produção. Esta é uma sobreposição localizada, não um tratamento duotone.",
        "Mantenha as proporções originais do logo e uma margem livre ao redor. Use o arquivo com letras brancas sobre ink e o arquivo com letras escuras sobre branco.",
        "Em layouts estreitos, coloque a mensagem em uma superfície sólida abaixo da foto. Revise o corte e o contraste ao trocar a imagem."
      ],
      "disclosure": "Cena demonstrativa gerada por IA. Não retrata cliente, equipe ou projeto real da 6am.",
      "contentLeft": 6,
      "contentWidth": 28,
      "mobileBreakpoint": 640
    }
  ],
  "pairings": [
    {
      "id": "reading",
      "foreground": "ink",
      "background": "white",
      "ratio": 19.709154298093093,
      "normalAA": true,
      "largeAA": true,
      "essentialUI": true,
      "normalAAA": true,
      "largeAAA": true
    },
    {
      "id": "action",
      "foreground": "ink",
      "background": "lime",
      "ratio": 17.4303366878286,
      "normalAA": true,
      "largeAA": true,
      "essentialUI": true,
      "normalAAA": true,
      "largeAAA": true
    },
    {
      "id": "depth",
      "foreground": "white",
      "background": "support",
      "ratio": 15.328417894601541,
      "normalAA": true,
      "largeAA": true,
      "essentialUI": true,
      "normalAAA": true,
      "largeAAA": true
    },
    {
      "id": "secondary",
      "foreground": "muted",
      "background": "paper",
      "ratio": 5.739697382763991,
      "normalAA": true,
      "largeAA": true,
      "essentialUI": true,
      "normalAAA": false,
      "largeAAA": true
    },
    {
      "id": "avoid-light",
      "foreground": "white",
      "background": "lime",
      "ratio": 1.1307385881912289,
      "normalAA": false,
      "largeAA": false,
      "essentialUI": false,
      "normalAAA": false,
      "largeAAA": false
    },
    {
      "id": "avoid-dark",
      "foreground": "ink",
      "background": "support",
      "ratio": 1.2857918171081693,
      "normalAA": false,
      "largeAA": false,
      "essentialUI": false,
      "normalAAA": false,
      "largeAAA": false
    }
  ]
}