{
  "schemaVersion": 1,
  "organization": "6am",
  "version": "0.7.0",
  "locale": "br",
  "status": "pilot",
  "grid": {
    "columns": 12,
    "rows": 8,
    "unitPx": 80,
    "strokePx": 2
  },
  "safeArea": {
    "x": 2,
    "y": 2,
    "width": 8,
    "height": 4
  },
  "motifs": [
    {
      "id": "bookends",
      "title": "Extremos",
      "text": "Duas massas opostas enquadram a mensagem. Use em capas e aberturas com uma ideia principal.",
      "rects": [
        [
          0,
          0,
          4,
          1
        ],
        [
          0,
          1,
          1,
          2
        ],
        [
          8,
          7,
          4,
          1
        ],
        [
          11,
          5,
          1,
          2
        ]
      ]
    },
    {
      "id": "steps",
      "title": "Deslocamento",
      "text": "Módulos de um e dois passos conduzem a leitura pelas bordas. Preserve o centro da composição.",
      "rects": [
        [
          0,
          0,
          2,
          1
        ],
        [
          1,
          1,
          1,
          1
        ],
        [
          0,
          3,
          1,
          2
        ],
        [
          10,
          6,
          1,
          1
        ],
        [
          10,
          7,
          2,
          1
        ],
        [
          11,
          3,
          1,
          2
        ]
      ]
    },
    {
      "id": "windows",
      "title": "Janelas",
      "text": "Retângulos alongados criam pausas e continuidade. A versão contornada deixa a imagem respirar.",
      "rects": [
        [
          1,
          0,
          5,
          1
        ],
        [
          0,
          2,
          1,
          4
        ],
        [
          6,
          7,
          5,
          1
        ],
        [
          11,
          2,
          1,
          4
        ]
      ]
    }
  ],
  "styles": [
    {
      "id": "solid",
      "title": "Preenchido"
    },
    {
      "id": "outline",
      "title": "Contornado"
    }
  ],
  "pairings": [
    {
      "id": "lime-on-ink",
      "title": "Lima sobre preto",
      "background": "ink",
      "foreground": "lime",
      "text": "white",
      "logo": "dark"
    },
    {
      "id": "ink-on-lime",
      "title": "Preto sobre lima",
      "background": "lime",
      "foreground": "ink",
      "text": "ink",
      "logo": "lime"
    },
    {
      "id": "ink-on-paper",
      "title": "Preto sobre papel",
      "background": "paper",
      "foreground": "ink",
      "text": "ink",
      "logo": "light"
    },
    {
      "id": "white-on-ink",
      "title": "Branco sobre preto",
      "background": "ink",
      "foreground": "white",
      "text": "white",
      "logo": "dark"
    }
  ],
  "rules": [
    {
      "id": "module",
      "title": "Um módulo por composição",
      "text": "Construa em um grid de 12 × 8. Quadrados e retângulos usam múltiplos inteiros do mesmo módulo. Escale o conjunto proporcionalmente; não estique módulos isolados."
    },
    {
      "id": "hierarchy",
      "title": "A mensagem vem primeiro",
      "text": "Mantenha os blocos nas bordas e o conteúdo na área central livre. Use uma família por peça e evite preencher todo o grid. O espaço vazio organiza a leitura."
    },
    {
      "id": "color",
      "title": "Cores com uma função",
      "text": "Use as combinações mostradas. O texto permanece sólido. Não transforme o verde exclusivo do logo em cor dos blocos nem aplique efeitos sobre o logo."
    },
    {
      "id": "images",
      "title": "Imagem sem disputa",
      "text": "Use contornos quando a imagem já tiver presença. Posicione blocos longe de rostos e detalhes importantes. Escolha uma área calma e com contraste para o texto; se necessário, separe-o em uma faixa sólida."
    },
    {
      "id": "responsive",
      "title": "Recomponha para o formato",
      "text": "Os SVGs são motivos de proporção 3:2. Preserve essa proporção. Em peças verticais, use uma faixa gráfica independente. No mobile, aumente a altura do conteúdo e mantenha o motivo separado; não diminua o texto para fazê-lo caber."
    },
    {
      "id": "access",
      "title": "Decoração sem barreiras",
      "text": "Marque os motivos como decorativos, sem descrição duplicada para leitores de tela. Não use blocos sozinhos para indicar estado ou interação. As composições são estáticas e não precisam de animação."
    }
  ],
  "assets": [
    {
      "id": "bookends-solid-lime-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-solid-lime-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#E3FF04",
      "motif": "bookends",
      "style": "solid",
      "pairing": "lime-on-ink"
    },
    {
      "id": "bookends-solid-ink-on-lime",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-solid-ink-on-lime.svg",
      "width": 960,
      "height": 640,
      "background": "#E3FF04",
      "foreground": "#0A0C00",
      "motif": "bookends",
      "style": "solid",
      "pairing": "ink-on-lime"
    },
    {
      "id": "bookends-solid-ink-on-paper",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-solid-ink-on-paper.svg",
      "width": 960,
      "height": 640,
      "background": "#F4F4F0",
      "foreground": "#0A0C00",
      "motif": "bookends",
      "style": "solid",
      "pairing": "ink-on-paper"
    },
    {
      "id": "bookends-solid-white-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-solid-white-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#FFFFFF",
      "motif": "bookends",
      "style": "solid",
      "pairing": "white-on-ink"
    },
    {
      "id": "bookends-outline-lime-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-outline-lime-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#E3FF04",
      "motif": "bookends",
      "style": "outline",
      "pairing": "lime-on-ink"
    },
    {
      "id": "bookends-outline-ink-on-lime",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-outline-ink-on-lime.svg",
      "width": 960,
      "height": 640,
      "background": "#E3FF04",
      "foreground": "#0A0C00",
      "motif": "bookends",
      "style": "outline",
      "pairing": "ink-on-lime"
    },
    {
      "id": "bookends-outline-ink-on-paper",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-outline-ink-on-paper.svg",
      "width": 960,
      "height": 640,
      "background": "#F4F4F0",
      "foreground": "#0A0C00",
      "motif": "bookends",
      "style": "outline",
      "pairing": "ink-on-paper"
    },
    {
      "id": "bookends-outline-white-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/bookends-outline-white-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#FFFFFF",
      "motif": "bookends",
      "style": "outline",
      "pairing": "white-on-ink"
    },
    {
      "id": "steps-solid-lime-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-solid-lime-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#E3FF04",
      "motif": "steps",
      "style": "solid",
      "pairing": "lime-on-ink"
    },
    {
      "id": "steps-solid-ink-on-lime",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-solid-ink-on-lime.svg",
      "width": 960,
      "height": 640,
      "background": "#E3FF04",
      "foreground": "#0A0C00",
      "motif": "steps",
      "style": "solid",
      "pairing": "ink-on-lime"
    },
    {
      "id": "steps-solid-ink-on-paper",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-solid-ink-on-paper.svg",
      "width": 960,
      "height": 640,
      "background": "#F4F4F0",
      "foreground": "#0A0C00",
      "motif": "steps",
      "style": "solid",
      "pairing": "ink-on-paper"
    },
    {
      "id": "steps-solid-white-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-solid-white-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#FFFFFF",
      "motif": "steps",
      "style": "solid",
      "pairing": "white-on-ink"
    },
    {
      "id": "steps-outline-lime-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-outline-lime-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#E3FF04",
      "motif": "steps",
      "style": "outline",
      "pairing": "lime-on-ink"
    },
    {
      "id": "steps-outline-ink-on-lime",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-outline-ink-on-lime.svg",
      "width": 960,
      "height": 640,
      "background": "#E3FF04",
      "foreground": "#0A0C00",
      "motif": "steps",
      "style": "outline",
      "pairing": "ink-on-lime"
    },
    {
      "id": "steps-outline-ink-on-paper",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-outline-ink-on-paper.svg",
      "width": 960,
      "height": 640,
      "background": "#F4F4F0",
      "foreground": "#0A0C00",
      "motif": "steps",
      "style": "outline",
      "pairing": "ink-on-paper"
    },
    {
      "id": "steps-outline-white-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/steps-outline-white-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#FFFFFF",
      "motif": "steps",
      "style": "outline",
      "pairing": "white-on-ink"
    },
    {
      "id": "windows-solid-lime-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-solid-lime-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#E3FF04",
      "motif": "windows",
      "style": "solid",
      "pairing": "lime-on-ink"
    },
    {
      "id": "windows-solid-ink-on-lime",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-solid-ink-on-lime.svg",
      "width": 960,
      "height": 640,
      "background": "#E3FF04",
      "foreground": "#0A0C00",
      "motif": "windows",
      "style": "solid",
      "pairing": "ink-on-lime"
    },
    {
      "id": "windows-solid-ink-on-paper",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-solid-ink-on-paper.svg",
      "width": 960,
      "height": 640,
      "background": "#F4F4F0",
      "foreground": "#0A0C00",
      "motif": "windows",
      "style": "solid",
      "pairing": "ink-on-paper"
    },
    {
      "id": "windows-solid-white-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-solid-white-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#FFFFFF",
      "motif": "windows",
      "style": "solid",
      "pairing": "white-on-ink"
    },
    {
      "id": "windows-outline-lime-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-outline-lime-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#E3FF04",
      "motif": "windows",
      "style": "outline",
      "pairing": "lime-on-ink"
    },
    {
      "id": "windows-outline-ink-on-lime",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-outline-ink-on-lime.svg",
      "width": 960,
      "height": 640,
      "background": "#E3FF04",
      "foreground": "#0A0C00",
      "motif": "windows",
      "style": "outline",
      "pairing": "ink-on-lime"
    },
    {
      "id": "windows-outline-ink-on-paper",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-outline-ink-on-paper.svg",
      "width": 960,
      "height": 640,
      "background": "#F4F4F0",
      "foreground": "#0A0C00",
      "motif": "windows",
      "style": "outline",
      "pairing": "ink-on-paper"
    },
    {
      "id": "windows-outline-white-on-ink",
      "format": "svg",
      "src": "/assets/design/6am/blocks/windows-outline-white-on-ink.svg",
      "width": 960,
      "height": 640,
      "background": "#0A0C00",
      "foreground": "#FFFFFF",
      "motif": "windows",
      "style": "outline",
      "pairing": "white-on-ink"
    }
  ],
  "recipe": "<style>\n.sixam-block-composition { background: #0A0C00; color: #FFFFFF; }\n.sixam-block-motif { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }\n.sixam-block-copy { padding: clamp(24px, 5vw, 48px); }\n.sixam-block-copy h2 { margin: 0; font-family: var(--6am-font-display), sans-serif; font-size: clamp(28px, 5vw, 48px); line-height: 1.12; }\n</style>\n<section class=\"sixam-block-composition\">\n  <img class=\"sixam-block-motif\" src=\"/assets/design/6am/blocks/bookends-solid-lime-on-ink.svg\" width=\"960\" height=\"640\" alt=\"\">\n  <div class=\"sixam-block-copy\"><h2>Uma boa ideia merece espaço.</h2></div>\n</section>"
}