{
  "version": 3,
  "optionKinds": {
    "toggle": "true or false",
    "count": "a number, one of the Option's values"
  },
  "blocks": [
    {
      "id": "header",
      "label": "Site header",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Shows the wordmark and the site navigation, with a menu button that opens the navigation on a narrow screen."
        },
        {
          "id": "masthead",
          "label": "Masthead",
          "leads": "A brand row above full-width navigation."
        },
        {
          "id": "capsule",
          "label": "Capsule",
          "leads": "Brand, navigation and actions in a solid bar inset from the page edges."
        }
      ],
      "options": [
        {
          "id": "links",
          "label": "Links",
          "kind": "count",
          "initial": 4,
          "values": [3, 4, 5]
        },
        {
          "id": "actions",
          "label": "Actions",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "condenses-on-scroll",
          "label": "Compact navigation on scroll",
          "kind": "toggle",
          "initial": false
        }
      ]
    },
    {
      "id": "hero",
      "label": "Hero",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "A product headline, two actions, a trust caption and sample numbers."
        },
        {
          "id": "stage",
          "label": "Stage",
          "leads": "A large image with a heading and two actions, followed by a trust caption and key numbers."
        },
        {
          "id": "proof",
          "label": "Proof",
          "leads": "A compact heading, two actions and a trust caption beside large numbers. No image."
        },
        {
          "id": "statement",
          "label": "Statement",
          "leads": "An oversized heading with smaller intro text, two actions and a trust caption. No image or numbers."
        },
        {
          "id": "split",
          "label": "Split",
          "leads": "Text and two actions beside a large image, with key numbers below the text."
        },
        {
          "id": "centred",
          "label": "Centred",
          "leads": "Headline and actions, centred"
        },
        {
          "id": "cover",
          "label": "Cover",
          "leads": "Copy over an edge-to-edge picture"
        }
      ],
      "options": [
        {
          "id": "eyebrow",
          "label": "Label above heading",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "second",
          "label": "Secondary action",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "trust",
          "label": "Trust caption",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "figures",
          "label": "Key numbers",
          "kind": "toggle",
          "initial": true,
          "only": ["signature", "stage", "proof", "split"]
        },
        {
          "id": "scripted-demo",
          "label": "Autoplay demo until interaction",
          "kind": "toggle",
          "initial": false,
          "only": ["stage", "split"]
        },
        {
          "id": "install-command",
          "label": "Repeat the install command",
          "kind": "toggle",
          "initial": false
        }
      ]
    },
    {
      "id": "about",
      "label": "About",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "A heading, introduction and readable body text for your product story."
        },
        {
          "id": "pull",
          "label": "Pull",
          "leads": "A full-width lead paragraph above columns of body text, with a small heading."
        }
      ],
      "options": [
        {
          "id": "eyebrow",
          "label": "Label above heading",
          "kind": "toggle",
          "initial": false
        },
        {
          "id": "paragraphs",
          "label": "Paragraphs",
          "kind": "count",
          "initial": 2,
          "values": [1, 2, 3]
        }
      ]
    },
    {
      "id": "features",
      "label": "Features",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "A feature grid with headings, short descriptions and optional icons."
        },
        {
          "id": "split",
          "label": "Split",
          "leads": "A heading and introduction beside the feature list."
        },
        {
          "id": "spotlight",
          "label": "Spotlight",
          "leads": "One large feature followed by smaller supporting features."
        },
        {
          "id": "alternating",
          "label": "Alternating",
          "leads": "Image and text rows swap sides"
        }
      ],
      "options": [
        {
          "id": "items",
          "label": "Items",
          "kind": "count",
          "initial": 6,
          "values": [3, 4, 6],
          "only": ["signature", "split", "spotlight"]
        },
        {
          "id": "rows",
          "label": "Rows",
          "kind": "count",
          "initial": 3,
          "values": [2, 3, 4],
          "only": ["alternating"]
        },
        {
          "id": "icons",
          "label": "Icons",
          "kind": "toggle",
          "initial": true,
          "only": ["signature", "split", "spotlight"]
        },
        {
          "id": "tabbed-capture",
          "label": "Switch the screenshot with tabs",
          "kind": "toggle",
          "initial": false,
          "only": ["spotlight"]
        },
        {
          "id": "uneven-cards",
          "label": "Stagger the card heights",
          "kind": "toggle",
          "initial": false,
          "only": ["signature", "spotlight"]
        }
      ]
    },
    {
      "id": "blog",
      "label": "Blog index",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Lists the latest posts, each with its title, date and author and room for an image."
        },
        {
          "id": "feature",
          "label": "Feature",
          "leads": "A large featured post and image above a short list of other posts."
        }
      ],
      "options": [
        {
          "id": "posts",
          "label": "Posts",
          "kind": "count",
          "initial": 3,
          "values": [3, 4, 6]
        },
        {
          "id": "images",
          "label": "Images",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "process",
      "label": "Process",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Steps in order, each with a heading and short description."
        },
        {
          "id": "track",
          "label": "Track",
          "leads": "Connected steps, each with a number, heading and short description."
        }
      ],
      "options": [
        {
          "id": "steps",
          "label": "Steps",
          "kind": "count",
          "initial": 3,
          "values": [3, 4, 5]
        }
      ]
    },
    {
      "id": "benefits",
      "label": "Benefits",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Lists the reasons to choose the product, with room for a supporting image."
        },
        {
          "id": "columns",
          "label": "Columns",
          "leads": "Equal columns of reasons below the heading, with an optional wide image."
        }
      ],
      "options": [
        {
          "id": "items",
          "label": "Reasons",
          "kind": "count",
          "initial": 4,
          "values": [3, 4]
        },
        {
          "id": "image",
          "label": "Image",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "testimonials",
      "label": "Testimonials",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Customer quotes with names, roles, optional portraits and a supporting note."
        },
        {
          "id": "lead",
          "label": "Lead",
          "leads": "One prominent quote followed by smaller supporting quotes."
        },
        {
          "id": "ledger",
          "label": "Ledger",
          "leads": "One quote per row, with the author's name and role in a separate column."
        },
        {
          "id": "single",
          "label": "Single",
          "leads": "One large centred quote"
        }
      ],
      "options": [
        {
          "id": "count",
          "label": "Quotes",
          "kind": "count",
          "initial": 3,
          "values": [2, 3, 4, 6],
          "only": ["signature", "lead", "ledger"]
        },
        {
          "id": "avatars",
          "label": "Avatars",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "pricing",
      "label": "Pricing",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Compares the plans side by side, each with its price, features and action, and marks the recommended one."
        },
        {
          "id": "ladder",
          "label": "Ladder",
          "leads": "Full-width plan rows, ordered from the smallest plan to the largest."
        },
        {
          "id": "focus",
          "label": "Focus",
          "leads": "A prominent recommended plan beside smaller alternatives."
        },
        {
          "id": "table",
          "label": "Table",
          "leads": "Plans across, features down"
        }
      ],
      "options": [
        {
          "id": "plans",
          "label": "Plans",
          "kind": "count",
          "initial": 3,
          "values": [2, 3, 4]
        },
        {
          "id": "billing",
          "label": "Billing switch",
          "kind": "toggle",
          "initial": false
        }
      ]
    },
    {
      "id": "faq",
      "label": "FAQ",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Expandable questions and answers. Readers can open one or several."
        },
        {
          "id": "open",
          "label": "Open",
          "leads": "Questions and answers in two columns, all visible at once."
        }
      ],
      "options": [
        {
          "id": "questions",
          "label": "Questions",
          "kind": "count",
          "initial": 6,
          "values": [4, 6, 8]
        }
      ]
    },
    {
      "id": "closing",
      "label": "Closing",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Repeats the product promise near the end of the page with two actions."
        },
        {
          "id": "banner",
          "label": "Banner",
          "leads": "A full-width banner with the title and two actions in one row, using inverted colours."
        },
        {
          "id": "card",
          "label": "Card",
          "leads": "A panel containing the heading, intro text and two actions."
        },
        {
          "id": "split",
          "label": "Split",
          "leads": "Copy beside an image"
        }
      ],
      "options": [
        {
          "id": "second",
          "label": "Secondary action",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "lead",
          "label": "Intro text",
          "kind": "toggle",
          "initial": true,
          "only": ["signature", "card", "split"]
        },
        {
          "id": "install-command",
          "label": "Repeat the install command",
          "kind": "toggle",
          "initial": false
        }
      ]
    },
    {
      "id": "footer",
      "label": "Footer",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Company details, grouped links, social links, copyright and a note."
        },
        {
          "id": "statement",
          "label": "Statement",
          "leads": "A full-width brand name, with grouped links above and social links, copyright and a note below."
        }
      ],
      "options": [
        {
          "id": "columns",
          "label": "Link columns",
          "kind": "count",
          "initial": 3,
          "values": [2, 3, 4]
        },
        {
          "id": "social",
          "label": "Social links",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "stats",
      "label": "Stats",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "A grid of numbers with labels and trend lines."
        },
        {
          "id": "ledger",
          "label": "Ledger",
          "leads": "A large number, label and trend on each row, separated by lines."
        }
      ],
      "options": [
        {
          "id": "count",
          "label": "Key numbers",
          "kind": "count",
          "initial": 4,
          "values": [3, 4, 6]
        },
        {
          "id": "trend",
          "label": "Trends",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "bento",
      "label": "Bento",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "A mixed-size grid of text, images and key numbers."
        },
        {
          "id": "feature",
          "label": "Feature",
          "leads": "One full-width feature tile above a row of equal tiles."
        }
      ],
      "options": [
        {
          "id": "tiles",
          "label": "Tiles",
          "kind": "count",
          "initial": 5,
          "values": [4, 5, 6]
        },
        {
          "id": "uneven-cards",
          "label": "Stagger the card heights",
          "kind": "toggle",
          "initial": false
        }
      ]
    },
    {
      "id": "comparison",
      "label": "Comparison",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Compares two products row by row in one table, with a note beneath."
        },
        {
          "id": "split",
          "label": "Split",
          "leads": "Two comparison lists, one for each product."
        }
      ],
      "options": [
        {
          "id": "rows",
          "label": "Rows",
          "kind": "count",
          "initial": 6,
          "values": [4, 6, 8]
        },
        {
          "id": "note",
          "label": "Note",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "showcase",
      "label": "Showcase",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Shows a set of projects in a grid, each with its image, title and a line about it."
        },
        {
          "id": "feature",
          "label": "Feature",
          "leads": "One full-width project above a strip of other projects."
        }
      ],
      "options": [
        {
          "id": "projects",
          "label": "Projects",
          "kind": "count",
          "initial": 4,
          "values": [3, 4, 6]
        },
        {
          "id": "captions",
          "label": "Captions",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "scripted-demo",
          "label": "Autoplay demo until interaction",
          "kind": "toggle",
          "initial": false,
          "only": ["feature"]
        },
        {
          "id": "tabbed-capture",
          "label": "Switch the screenshot with tabs",
          "kind": "toggle",
          "initial": false,
          "only": ["feature"]
        }
      ]
    },
    {
      "id": "download",
      "label": "Download",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Lists a download for each platform, with the install command under them when there is one."
        },
        {
          "id": "installer",
          "label": "Installer",
          "leads": "A prominent install command with smaller platform download links beside it."
        }
      ],
      "options": [
        {
          "id": "platforms",
          "label": "Platforms",
          "kind": "count",
          "initial": 3,
          "values": [2, 3, 4]
        },
        {
          "id": "command",
          "label": "Install command",
          "kind": "toggle",
          "initial": true,
          "only": ["signature"]
        }
      ]
    },
    {
      "id": "bio",
      "label": "Bio",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Introduces one person with a portrait, a short biography, links and two actions."
        },
        {
          "id": "card",
          "label": "Card",
          "leads": "A profile card with the portrait first and actions at the bottom."
        }
      ],
      "options": [
        {
          "id": "links",
          "label": "Links",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "second",
          "label": "Secondary action",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "contact",
      "label": "Contact",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "Collects a name, email and message beside the ways to reach the team."
        },
        {
          "id": "channels",
          "label": "Channels",
          "leads": "Contact methods in separate cells, with a compact message form below."
        }
      ],
      "options": [
        {
          "id": "channels",
          "label": "Channels",
          "kind": "count",
          "initial": 3,
          "values": [2, 3, 4]
        }
      ]
    },
    {
      "id": "waitlist",
      "label": "Waitlist",
      "variations": [
        {
          "id": "signature",
          "label": "Signature",
          "leads": "An email signup with a proof caption and a note below the field."
        },
        {
          "id": "proof",
          "label": "Proof",
          "leads": "Prominent proof above an email signup."
        }
      ],
      "options": [
        {
          "id": "proof",
          "label": "Proof caption",
          "kind": "toggle",
          "initial": true,
          "only": ["signature"]
        },
        {
          "id": "note",
          "label": "Note",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "announcement",
      "label": "Announcement",
      "variations": [
        {
          "id": "bar",
          "label": "Bar",
          "leads": "One line across the top edge"
        },
        {
          "id": "pill",
          "label": "Pill",
          "leads": "A floating pill, centred"
        }
      ],
      "options": [
        {
          "id": "link",
          "label": "Link",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "dismiss",
          "label": "Close button",
          "kind": "toggle",
          "initial": false
        }
      ]
    },
    {
      "id": "logos",
      "label": "Logo cloud",
      "variations": [
        {
          "id": "row",
          "label": "Row",
          "leads": "One row of marks under a caption"
        },
        {
          "id": "grid",
          "label": "Grid",
          "leads": "Marks in a ruled grid"
        }
      ],
      "options": [
        {
          "id": "count",
          "label": "Logos",
          "kind": "count",
          "initial": 6,
          "values": [4, 5, 6, 8]
        },
        {
          "id": "caption",
          "label": "Caption",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "one-ink",
          "label": "Single-colour logos",
          "kind": "toggle",
          "initial": false
        }
      ]
    },
    {
      "id": "team",
      "label": "Team",
      "variations": [
        {
          "id": "cards",
          "label": "Cards",
          "leads": "Portraits with name and role"
        },
        {
          "id": "faces",
          "label": "Faces",
          "leads": "Round faces in a centred grid"
        }
      ],
      "options": [
        {
          "id": "people",
          "label": "People",
          "kind": "count",
          "initial": 4,
          "values": [3, 4, 6, 8]
        },
        {
          "id": "roles",
          "label": "Roles",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "newsletter",
      "label": "Newsletter",
      "variations": [
        {
          "id": "inline",
          "label": "Inline",
          "leads": "Title beside the email field"
        },
        {
          "id": "card",
          "label": "Card",
          "leads": "The form in a centred panel"
        }
      ],
      "options": [
        {
          "id": "lead",
          "label": "Intro text",
          "kind": "toggle",
          "initial": true
        },
        {
          "id": "note",
          "label": "Privacy note",
          "kind": "toggle",
          "initial": true
        }
      ]
    },
    {
      "id": "gallery",
      "label": "Gallery",
      "variations": [
        {
          "id": "grid",
          "label": "Grid",
          "leads": "Even images in a grid"
        },
        {
          "id": "masonry",
          "label": "Masonry",
          "leads": "Columns of mixed heights"
        }
      ],
      "options": [
        {
          "id": "images",
          "label": "Images",
          "kind": "count",
          "initial": 6,
          "values": [4, 6, 9]
        },
        {
          "id": "captions",
          "label": "Captions",
          "kind": "toggle",
          "initial": false
        }
      ]
    }
  ],
  "levers": [
    {
      "id": "polarity",
      "label": "Invert key sections",
      "group": "Inverts",
      "scope": "page",
      "kind": "choice",
      "positions": ["light", "dark", "inverts"],
      "words": {
        "light": "Light",
        "dark": "Dark",
        "inverts": "On"
      },
      "texts": {}
    },
    {
      "id": "ground-tint",
      "label": "Background",
      "group": "Colour",
      "scope": "page",
      "kind": "colour",
      "form": "lowercase #rrggbb"
    },
    {
      "id": "accent",
      "label": "Brand colour",
      "group": "Colour",
      "scope": "page",
      "kind": "colour",
      "form": "lowercase #rrggbb"
    },
    {
      "id": "button-fill",
      "label": "Button colour",
      "group": "Colour",
      "scope": "page",
      "kind": "colour",
      "form": "lowercase #rrggbb"
    },
    {
      "id": "accent-placement",
      "label": "Brand colour use",
      "group": "Colour",
      "scope": "page",
      "kind": "choice",
      "positions": ["none", "light", "media", "wash", "mark", "control"],
      "words": {
        "none": "None",
        "light": "Glow",
        "media": "Images",
        "wash": "Tint",
        "mark": "Marks",
        "control": "Buttons"
      },
      "texts": {
        "light": {
          "name": "Brand colour as a glow",
          "blurb": "Use the brand colour as a glow behind content. Keep buttons, panels and text neutral.",
          "rule": "One brand hue admitted only as emitted light — rendered plates behind the headline, a window, a card row, the footer; a glowing marker; rules that fade to the ground; the wordmark — and never as a fill on a control, a surface or text. Read as light, the hue can be loud by area and still not compete with the controls, which stay achromatic. A second hue on a plate, or the hue on a button, is a different system.",
          "never": "Never a fill. The moment the hue paints a control or a surface the page has an accent, and the plates become decoration around it.",
          "conflicts": [],
          "bars": [
            {
              "lever": "colour-admission",
              "position": "state"
            }
          ]
        }
      }
    },
    {
      "id": "colour-admission",
      "label": "Where colour appears",
      "group": "Colour",
      "scope": "page",
      "kind": "choice",
      "positions": ["everywhere", "product", "imagery", "state"],
      "words": {
        "everywhere": "Everywhere",
        "product": "Product only",
        "imagery": "Imagery only",
        "state": "Status only"
      },
      "texts": {
        "product": {
          "name": "Colour in product imagery",
          "blurb": "Keep full colour in product imagery. The rest of the page stays mostly neutral, including the primary button.",
          "rule": "The product surface is the only place the full, many-hued palette lives. The marketing chrome may author colour, but only as one rationed register — quiet by area at full chroma (an eyebrow chip, a section ordinal, an announcement band, a hairline) or pale by tint even at band area. Nothing in the chrome may compete with the product for chromatic weight. Emitted light behind content — a rendered plate, a canvas glow — is an asset, not chrome: it may be the loudest chroma on the page without breaking the rule. How the product surface ships — live DOM, canvas replay, raster, or a vector export with its type outlined — is delivery, not admission: the quarantine is about where chroma lives, not how the product gets to the page. The call to action is the test.",
          "never": "No chroma on a call to action. This is the whole test and it is what keeps the rule from describing every B2B page: the moment the primary button takes a brand colour, the product's colour stops reading as data and starts reading as decoration.",
          "conflicts": [],
          "bars": []
        },
        "imagery": {
          "name": "Colour in one image type",
          "blurb": "Keep backgrounds, panels and text neutral. Use one kind of image to carry the colour.",
          "rule": "Every ground, surface, border, and text colour stays neutral. Surfaces where the asset class is absent — 404, error and empty states, a second theme — have no design system underneath and must be designed separately.",
          "never": "The interface authors no chroma of its own. One inconsistent asset dropped into the set breaks the system everywhere it lands.",
          "conflicts": [],
          "bars": []
        },
        "state": {
          "name": "Colour for status only",
          "blurb": "Keep images neutral. Use colour only for status, such as success or error.",
          "rule": "Every asset, not merely the authored ones. Third-party screenshots, partner logos, and stock imagery are re-mastered to the page's neutral before they are allowed in, or the discipline is not running.",
          "never": "The borrowed assets get drained too. One un-desaturated partner screenshot is the entire defect, because it becomes the only colour on the page and reads as the thing you were paid to feature.",
          "conflicts": [],
          "bars": [
            {
              "lever": "accent-placement",
              "position": "light"
            }
          ]
        }
      }
    },
    {
      "id": "type-pairing",
      "label": "Font pairing",
      "group": "Type",
      "scope": "page",
      "kind": "choice",
      "positions": [
        "sans-plus-sans",
        "single-family",
        "display-plus-text",
        "sans-plus-serif",
        "sans-plus-mono",
        "sans-plus-display-serif",
        "serif-plus-mono",
        "superfamily"
      ],
      "words": {
        "sans-plus-sans": "Two sans-serif fonts",
        "single-family": "One font family",
        "display-plus-text": "Display + text",
        "sans-plus-serif": "Sans + serif",
        "sans-plus-mono": "Sans + mono",
        "sans-plus-display-serif": "Serif headlines",
        "serif-plus-mono": "Serif + mono",
        "superfamily": "Related font families"
      },
      "texts": {}
    },
    {
      "id": "display-scale",
      "label": "Headline size",
      "group": "Type",
      "scope": "page",
      "kind": "ratio",
      "range": {
        "min": 2.5,
        "max": 7,
        "step": 0.1
      },
      "form": "a string with one decimal, \"2.5\" to \"7.0\""
    },
    {
      "id": "headline-turn",
      "label": "Headline emphasis",
      "group": "Type",
      "scope": "section",
      "kind": "choice",
      "positions": ["none", "tone", "face", "italic"],
      "words": {
        "none": "None",
        "tone": "Muted",
        "face": "Font",
        "italic": "Italic"
      },
      "texts": {
        "tone": {
          "name": "Muted headline ending",
          "blurb": "Use a muted colour for the second half of the headline. Keep its font and size the same.",
          "rule": "Any sentence or heading pair where the led half lands and the muted half recedes — what the split means is latitude: claim and qualifier, heading and support, or two clauses of one display sentence. At heading scale the pair stands alone in its band, so hierarchy comes from position rather than from a step inside the pair.",
          "never": "Same family and size; colour carries the split. Latitude at display scale only: a weight step (600 over 400) where the first clause must read as the headline. Below display scale a weight change turns it into ordinary emphasis and the sentence stops reading as one breath.",
          "conflicts": [],
          "bars": []
        },
        "face": {
          "name": "Two-font headline",
          "blurb": "Give the second half of the headline a different font and a muted colour. Reserve that font for this emphasis.",
          "rule": "A headline is a first clause in the working face and a second clause that changes face and tone together — a second family in a muted ink — and the pairing repeats down the page's heading scales. The second face appears nowhere else: not as a level, not as a control, not as a caption register of its own (a caption whose second clause takes the face is the same move; the face setting whole captions is not). What makes it a system rather than an effect is that both axes move at once and that the second family is reserved to this one move; a face that also sets a section label is a reservation with two registers and this entry does not hold it.",
          "never": "Face and tone change together at the clause boundary. Face alone at word scale is a different move, and so is tone alone in one family. The second family stays reserved to the turn, and the two clauses sit at the same heading, co-anchored rather than stacked as heading and support.",
          "conflicts": [],
          "bars": []
        },
        "italic": {
          "name": "Italic headline ending",
          "blurb": "Set the final phrase of the headline in italic, using the same font family.",
          "rule": "Display headlines only, and one turn per headline, whether it holds to the hero alone or runs through most of the display headings at one word each. The device never reaches body or UI text — that is what stops it becoming a tic.",
          "never": "Same family, italic only. No weight change, no second family. The turn is the emphasis: the italic must sit where the argument moves.",
          "conflicts": [],
          "bars": []
        }
      }
    },
    {
      "id": "corners",
      "label": "Corners",
      "group": "Shape",
      "scope": "page",
      "kind": "choice",
      "positions": ["sharp", "soft", "round"],
      "words": {
        "sharp": "Sharp",
        "soft": "Soft",
        "round": "Round"
      },
      "texts": {}
    },
    {
      "id": "button-shape",
      "label": "Button shape",
      "group": "Shape",
      "scope": "page",
      "kind": "choice",
      "positions": ["pill", "rounded", "sharp", "mixed"],
      "words": {
        "pill": "Pill",
        "rounded": "Rounded",
        "sharp": "Square",
        "mixed": "Mixed"
      },
      "texts": {}
    },
    {
      "id": "column",
      "label": "Page width",
      "group": "Layout",
      "scope": "page",
      "kind": "choice",
      "positions": ["narrow", "regular", "wide", "full"],
      "words": {
        "narrow": "Narrow",
        "regular": "Regular",
        "wide": "Wide",
        "full": "Full width"
      },
      "texts": {}
    },
    {
      "id": "air",
      "label": "Section spacing",
      "group": "Layout",
      "scope": "section",
      "kind": "choice",
      "positions": ["tight", "regular", "generous"],
      "words": {
        "tight": "Tight",
        "regular": "Regular",
        "generous": "Roomy"
      },
      "texts": {}
    },
    {
      "id": "alternation",
      "label": "Section backgrounds",
      "group": "Layout",
      "scope": "page",
      "kind": "choice",
      "positions": ["never", "every-second", "banded", "irregular", "cycled"],
      "words": {
        "never": "One background",
        "every-second": "Alternate",
        "banded": "In pairs",
        "irregular": "Varied",
        "cycled": "Repeating palette"
      },
      "texts": {
        "cycled": {
          "name": "Repeating section colours",
          "blurb": "Repeat a small palette of background colours across sections. Keep text and controls neutral.",
          "rule": "Chroma enters the page as flat, edge-to-edge band or panel grounds cycling a small fixed palette, and the controls and type on those grounds stay achromatic, single-ink, or drawn from the declared palette — the band's own hue family or another ground in the cycle, even one several screens away. The grounds carry most of the page's authored chroma and nothing else competes; a near-black inversion band may punctuate the cycle.",
          "never": "The palette is finite and cycles; each ground is flat; the ink and controls on a band stay achromatic, single-ink, or drawn from a ground the cycle already spends. A new ground per section with no repeated palette is decoration, and a control hue unmoored from every ground in the set is a different system.",
          "conflicts": [],
          "bars": [
            {
              "lever": "separation",
              "position": "boundary"
            }
          ]
        }
      }
    },
    {
      "id": "separation",
      "label": "Dividers",
      "group": "Layout",
      "scope": "page",
      "kind": "choice",
      "positions": ["none", "hairline", "shadow", "ledger", "boundary"],
      "words": {
        "none": "None",
        "hairline": "Lines",
        "shadow": "Shadows",
        "ledger": "Ruled",
        "boundary": "Bold rule"
      },
      "texts": {
        "ledger": {
          "name": "Thin page grid",
          "blurb": "Frame the content column with thin vertical lines. Separate sections with lines that reach the page edges.",
          "rule": "The frame is the page's only separation. Two vertical hairlines bound the column for the full document height, every band seam is a hairline that runs past the column to the viewport edge, and the ruled surfaces themselves carry no elevation — a shadow on the frame or its bands breaks it, because the page's claim is that rules do the separating work; shadows elsewhere on the page (an inset on a control, a lifted menu) are latitude. The frame drops at the narrow viewport, where the viewport is the column.",
          "never": "Full document height for the column rules; a seam at every band; zero elevation. A frame that starts under the hero or a band separated by a ground step alone is a different, weaker system.",
          "conflicts": [],
          "bars": []
        },
        "boundary": {
          "name": "Subtle block borders",
          "blurb": "Outline content blocks with subtle borders. Keep one background and no panel shadows.",
          "rule": "One ground the whole way down, no inversion, no ground step; every content block is bounded by a 1px frame at low alpha or by a panel fill one step off the ground, and the panel edge is the section. No shadow in the chrome — shadows inside product simulations are the product's, and a transient overlay's shadow is the overlay's. It is what a single-ground page uses instead of ground steps, and it survives any panel content.",
          "never": "Never a ground step, never a shadow in the chrome. Either one hands the separation to a different device and the frame becomes decoration.",
          "conflicts": ["scroll-crossfades-the-page-register"],
          "bars": [
            {
              "lever": "alternation",
              "position": "cycled"
            }
          ]
        }
      }
    },
    {
      "id": "ground-step",
      "label": "Cards",
      "group": "Layout",
      "scope": "section",
      "kind": "choice",
      "positions": ["none", "raised", "sunk"],
      "words": {
        "none": "Flat",
        "raised": "Raised",
        "sunk": "Inset"
      },
      "texts": {}
    },
    {
      "id": "media-class",
      "label": "Image type",
      "group": "Imagery",
      "scope": "section",
      "kind": "choice",
      "positions": [
        "product-ui-simulation",
        "artifact-simulation",
        "interface-native",
        "photographic",
        "illustrated",
        "vector-diagrammatic",
        "product-ui-capture",
        "rendered-3d",
        "procedural"
      ],
      "words": {
        "product-ui-simulation": "UI mockups",
        "artifact-simulation": "Documents",
        "interface-native": "Live UI",
        "photographic": "Photos",
        "illustrated": "Illustration",
        "vector-diagrammatic": "Diagrams",
        "product-ui-capture": "Screenshots",
        "rendered-3d": "3D renders",
        "procedural": "Generative"
      },
      "texts": {
        "product-ui-simulation": {
          "name": "Live product demo",
          "blurb": "Recreate the product interface with working page elements instead of a screenshot.",
          "rule": "Applies where the product's own surface is the proof. It does not follow from how spatial the product is. The boundary: a second implementation re-creates the surface with live elements and state — in the page's own stack, or served whole as a genuinely second page and embedded in a frame; what the boundary excludes is replay, not a delivery mechanism. A canvas replaying a bitmap of the UI is an asset, not a rebuild.",
          "never": "Name the source component in a comment on each block. The naming convention is what makes drift auditable.",
          "conflicts": [],
          "bars": []
        }
      }
    },
    {
      "id": "media-treatment",
      "label": "Image framing",
      "group": "Imagery",
      "scope": "section",
      "kind": "choice",
      "positions": ["panel", "chrome", "edgeless", "screened", "staged"],
      "words": {
        "panel": "Framed",
        "chrome": "Browser frame",
        "edgeless": "Full bleed",
        "screened": "Halftone",
        "staged": "Staged"
      },
      "texts": {
        "staged": {
          "name": "Screens in photographs",
          "blurb": "Place screens, terminals and cards inside photographs, with realistic shadows.",
          "rule": "unrecorded",
          "never": "The materiality comes from the photography, not from CSS. A gradient-blob imitation reads as slop.",
          "conflicts": [],
          "bars": []
        }
      }
    }
  ],
  "mechanisms": [
    {
      "id": "heading-row-carries-the-section-action",
      "name": "Actions beside headings",
      "blurb": "Place section buttons beside their headings. The hero, forms and a centred closing section keep their own actions.",
      "rule": "Section openers, not the hero. Every section opens with a two-line display-face heading at the left margin and its one small control pinned to the right end of the same row, aligned to the heading's last line; content below always ends the section, and no section closes on a button. A form is not a section: its commit sits in its footer. The hero and one centred closing stack are the exceptions, and they are the only ones.",
      "never": "The control lives on the heading row and nowhere else in the section. A section that also closes on a button has two calls to action, and the page reads as nine of them.",
      "scope": "sections",
      "pins": [],
      "conflicts": [],
      "bars": [],
      "sightings": 2
    },
    {
      "id": "rendered-tile-as-section-marker",
      "name": "3D section markers",
      "blurb": "Open each section with a small rendered object. Keep the shape and lighting consistent, with a colour for each section.",
      "rule": "A repeated marker grammar: the same tile, camera and lighting every time, one object and one hue per section, on the chapters it opens. It is the page's only imagery that is not the product, and it makes the section rhythm legible — tile, heading, panel. It is not a hero object and not a set of unrelated illustrations.",
      "never": "Same tile, camera and lighting at every instance. A marker that changes form between sections is a set of illustrations, not a marker.",
      "scope": "sections",
      "pins": [],
      "conflicts": [],
      "bars": [],
      "sightings": 1
    },
    {
      "id": "scroll-crossfades-the-page-register",
      "name": "Colour fade on scroll",
      "blurb": "Fade the whole page between two colour schemes as you scroll. Text colours adjust when the page changes between light and dark.",
      "rule": "The page's entire ground cross-fades between two registers as one scroll-driven transition — dark and light, or two hues within one light register — instead of butting registers at a band seam. Where the registers differ in polarity the ink moves with the ground; a hue-to-hue ease keeps its ink constant. The whole ground moves as one interpolation: a band that fades only its own ground, a theme toggle, or a `prefers-color-scheme` swap is not this. The reader scrubs through the change, so every intermediate state is a state someone reads.",
      "never": "The whole ground moves as one interpolation; ink moves with it exactly when the registers differ in polarity — an ink that lags its ground fails the floor mid-fade — and the transition binds to scroll position, so the reader owns its pace. Each end state is a complete register in its own right, not a tint of the other.",
      "scope": "page",
      "pins": [
        {
          "lever": "alternation",
          "position": "never"
        }
      ],
      "conflicts": [],
      "bars": [
        {
          "lever": "separation",
          "position": "boundary"
        }
      ],
      "sightings": 3
    }
  ],
  "templates": [
    {
      "id": "blank",
      "label": "Blank page",
      "line": "Start with an empty page and add your own blocks.",
      "plan": []
    },
    {
      "id": "saas",
      "label": "SaaS launch",
      "line": "Show your product, customer proof and pricing, then invite people to sign up.",
      "plan": [
        {
          "id": "saas-1",
          "block": "header",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "saas-2",
          "block": "hero",
          "variation": "split",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": true,
            "figures": true,
            "scripted-demo": false,
            "install-command": false
          },
          "departures": {
            "media-class": "product-ui-capture",
            "media-treatment": "chrome"
          }
        },
        {
          "id": "saas-3",
          "block": "logos",
          "variation": "row",
          "ground": "auto",
          "options": {
            "count": 6,
            "caption": true,
            "one-ink": false
          },
          "departures": {}
        },
        {
          "id": "saas-4",
          "block": "features",
          "variation": "alternating",
          "ground": "auto",
          "options": {
            "rows": 3
          },
          "departures": {}
        },
        {
          "id": "saas-5",
          "block": "process",
          "variation": "track",
          "ground": "auto",
          "options": {
            "steps": 3
          },
          "departures": {}
        },
        {
          "id": "saas-6",
          "block": "testimonials",
          "variation": "lead",
          "ground": "auto",
          "options": {
            "count": 3,
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "saas-7",
          "block": "pricing",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "plans": 3,
            "billing": false
          },
          "departures": {}
        },
        {
          "id": "saas-8",
          "block": "faq",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "questions": 6
          },
          "departures": {}
        },
        {
          "id": "saas-9",
          "block": "closing",
          "variation": "banner",
          "ground": "auto",
          "options": {
            "second": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "saas-10",
          "block": "footer",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "app",
      "label": "Mobile app",
      "line": "Show the app, explain its features and link to the download.",
      "plan": [
        {
          "id": "app-1",
          "block": "announcement",
          "variation": "bar",
          "ground": "auto",
          "options": {
            "link": true,
            "dismiss": false
          },
          "departures": {}
        },
        {
          "id": "app-2",
          "block": "header",
          "variation": "capsule",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "app-3",
          "block": "hero",
          "variation": "stage",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": false,
            "figures": true,
            "scripted-demo": false,
            "install-command": false
          },
          "departures": {
            "media-class": "product-ui-simulation"
          }
        },
        {
          "id": "app-4",
          "block": "features",
          "variation": "alternating",
          "ground": "auto",
          "options": {
            "rows": 3
          },
          "departures": {
            "media-class": "product-ui-simulation"
          }
        },
        {
          "id": "app-5",
          "block": "testimonials",
          "variation": "ledger",
          "ground": "auto",
          "options": {
            "count": 3,
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "app-6",
          "block": "download",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "platforms": 3,
            "command": false
          },
          "departures": {}
        },
        {
          "id": "app-7",
          "block": "faq",
          "variation": "open",
          "ground": "auto",
          "options": {
            "questions": 6
          },
          "departures": {}
        },
        {
          "id": "app-8",
          "block": "footer",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "waitlist",
      "label": "Waitlist",
      "line": "Introduce what you're building and invite people to join the waitlist.",
      "plan": [
        {
          "id": "waitlist-1",
          "block": "announcement",
          "variation": "pill",
          "ground": "auto",
          "options": {
            "link": true,
            "dismiss": false
          },
          "departures": {}
        },
        {
          "id": "waitlist-2",
          "block": "header",
          "variation": "capsule",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "waitlist-3",
          "block": "hero",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": false,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "waitlist-4",
          "block": "about",
          "variation": "pull",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "paragraphs": 2
          },
          "departures": {}
        },
        {
          "id": "waitlist-5",
          "block": "features",
          "variation": "spotlight",
          "ground": "auto",
          "options": {
            "items": 6,
            "icons": true,
            "tabbed-capture": false,
            "uneven-cards": false
          },
          "departures": {
            "media-class": "illustrated",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "waitlist-6",
          "block": "benefits",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "items": 4,
            "image": true
          },
          "departures": {
            "media-class": "illustrated",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "waitlist-7",
          "block": "testimonials",
          "variation": "ledger",
          "ground": "auto",
          "options": {
            "count": 3,
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "waitlist-8",
          "block": "faq",
          "variation": "open",
          "ground": "auto",
          "options": {
            "questions": 6
          },
          "departures": {}
        },
        {
          "id": "waitlist-9",
          "block": "waitlist",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "proof": true,
            "note": true
          },
          "departures": {}
        },
        {
          "id": "waitlist-10",
          "block": "footer",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "devtool",
      "label": "Developer tool",
      "line": "Lead with installation, compare alternatives and share the docs and changelog.",
      "plan": [
        {
          "id": "devtool-1",
          "block": "header",
          "variation": "masthead",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "devtool-2",
          "block": "hero",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": false,
            "figures": true,
            "install-command": true
          },
          "departures": {}
        },
        {
          "id": "devtool-3",
          "block": "comparison",
          "variation": "split",
          "ground": "auto",
          "options": {
            "rows": 6,
            "note": true
          },
          "departures": {}
        },
        {
          "id": "devtool-4",
          "block": "logos",
          "variation": "grid",
          "ground": "auto",
          "options": {
            "count": 6,
            "caption": true,
            "one-ink": false
          },
          "departures": {}
        },
        {
          "id": "devtool-5",
          "block": "features",
          "variation": "alternating",
          "ground": "auto",
          "options": {
            "rows": 3
          },
          "departures": {}
        },
        {
          "id": "devtool-6",
          "block": "download",
          "variation": "installer",
          "ground": "auto",
          "options": {
            "platforms": 3
          },
          "departures": {}
        },
        {
          "id": "devtool-7",
          "block": "blog",
          "variation": "feature",
          "ground": "auto",
          "options": {
            "posts": 3,
            "images": true
          },
          "departures": {}
        },
        {
          "id": "devtool-8",
          "block": "closing",
          "variation": "card",
          "ground": "auto",
          "options": {
            "second": true,
            "lead": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "devtool-9",
          "block": "footer",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "studio",
      "label": "Studio",
      "line": "Introduce your studio through its work, client feedback and team.",
      "plan": [
        {
          "id": "studio-1",
          "block": "header",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "links": 3,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "studio-2",
          "block": "hero",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "studio-3",
          "block": "showcase",
          "variation": "feature",
          "ground": "auto",
          "options": {
            "projects": 4,
            "captions": true,
            "scripted-demo": false,
            "tabbed-capture": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "studio-4",
          "block": "testimonials",
          "variation": "single",
          "ground": "auto",
          "options": {
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "studio-5",
          "block": "team",
          "variation": "cards",
          "ground": "auto",
          "options": {
            "people": 4,
            "roles": true
          },
          "departures": {}
        },
        {
          "id": "studio-6",
          "block": "closing",
          "variation": "split",
          "ground": "auto",
          "options": {
            "second": false,
            "lead": true,
            "install-command": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "studio-7",
          "block": "footer",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "portfolio",
      "label": "Portfolio",
      "line": "Introduce yourself, show your work and make it easy to get in touch.",
      "plan": [
        {
          "id": "portfolio-1",
          "block": "header",
          "variation": "masthead",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "portfolio-2",
          "block": "hero",
          "variation": "cover",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": true,
            "install-command": false
          },
          "departures": {
            "media-class": "illustrated",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "portfolio-3",
          "block": "gallery",
          "variation": "masonry",
          "ground": "auto",
          "options": {
            "images": 4,
            "captions": false
          },
          "departures": {
            "media-class": "illustrated",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "portfolio-4",
          "block": "logos",
          "variation": "row",
          "ground": "auto",
          "options": {
            "count": 6,
            "caption": true,
            "one-ink": false
          },
          "departures": {}
        },
        {
          "id": "portfolio-5",
          "block": "contact",
          "variation": "channels",
          "ground": "auto",
          "options": {
            "channels": 3
          },
          "departures": {}
        },
        {
          "id": "portfolio-6",
          "block": "footer",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "shop",
      "label": "Shop",
      "line": "Present a product or small collection with prices and reviews.",
      "plan": [
        {
          "id": "shop-1",
          "block": "header",
          "variation": "capsule",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "shop-2",
          "block": "hero",
          "variation": "split",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": true,
            "figures": true,
            "scripted-demo": false,
            "install-command": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "shop-3",
          "block": "gallery",
          "variation": "grid",
          "ground": "auto",
          "options": {
            "images": 6,
            "captions": true
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "shop-4",
          "block": "benefits",
          "variation": "columns",
          "ground": "auto",
          "options": {
            "items": 4,
            "image": true
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "shop-5",
          "block": "testimonials",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "count": 3,
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "shop-6",
          "block": "pricing",
          "variation": "focus",
          "ground": "auto",
          "options": {
            "plans": 3,
            "billing": false
          },
          "departures": {}
        },
        {
          "id": "shop-7",
          "block": "faq",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "questions": 6
          },
          "departures": {}
        },
        {
          "id": "shop-8",
          "block": "closing",
          "variation": "card",
          "ground": "auto",
          "options": {
            "second": true,
            "lead": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "shop-9",
          "block": "footer",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "local",
      "label": "Local business",
      "line": "Show your business, menu and reviews, with directions for a visit.",
      "plan": [
        {
          "id": "local-1",
          "block": "header",
          "variation": "masthead",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "local-2",
          "block": "hero",
          "variation": "stage",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": false,
            "figures": true,
            "scripted-demo": false,
            "install-command": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "local-3",
          "block": "about",
          "variation": "pull",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "paragraphs": 2
          },
          "departures": {}
        },
        {
          "id": "local-4",
          "block": "gallery",
          "variation": "grid",
          "ground": "auto",
          "options": {
            "images": 6,
            "captions": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "local-5",
          "block": "pricing",
          "variation": "ladder",
          "ground": "auto",
          "options": {
            "plans": 4,
            "billing": false
          },
          "departures": {}
        },
        {
          "id": "local-6",
          "block": "testimonials",
          "variation": "ledger",
          "ground": "auto",
          "options": {
            "count": 3,
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "local-7",
          "block": "contact",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "channels": 3
          },
          "departures": {}
        },
        {
          "id": "local-8",
          "block": "footer",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "event",
      "label": "Event",
      "line": "Share the date, schedule, speakers and sponsors, then sell tickets.",
      "plan": [
        {
          "id": "event-1",
          "block": "announcement",
          "variation": "bar",
          "ground": "auto",
          "options": {
            "link": true,
            "dismiss": false
          },
          "departures": {}
        },
        {
          "id": "event-2",
          "block": "header",
          "variation": "capsule",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "event-3",
          "block": "hero",
          "variation": "cover",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": true,
            "install-command": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "event-4",
          "block": "logos",
          "variation": "grid",
          "ground": "auto",
          "options": {
            "count": 6,
            "caption": true,
            "one-ink": false
          },
          "departures": {}
        },
        {
          "id": "event-5",
          "block": "gallery",
          "variation": "grid",
          "ground": "auto",
          "options": {
            "images": 4,
            "captions": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "event-6",
          "block": "process",
          "variation": "track",
          "ground": "auto",
          "options": {
            "steps": 5
          },
          "departures": {}
        },
        {
          "id": "event-7",
          "block": "team",
          "variation": "faces",
          "ground": "auto",
          "options": {
            "people": 4,
            "roles": true
          },
          "departures": {}
        },
        {
          "id": "event-8",
          "block": "pricing",
          "variation": "ladder",
          "ground": "auto",
          "options": {
            "plans": 3,
            "billing": false
          },
          "departures": {}
        },
        {
          "id": "event-9",
          "block": "faq",
          "variation": "open",
          "ground": "auto",
          "options": {
            "questions": 6
          },
          "departures": {}
        },
        {
          "id": "event-10",
          "block": "closing",
          "variation": "banner",
          "ground": "auto",
          "options": {
            "second": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "event-11",
          "block": "footer",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "course",
      "label": "Course",
      "line": "Explain what people will learn, who teaches it and what it costs.",
      "plan": [
        {
          "id": "course-1",
          "block": "header",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "course-2",
          "block": "hero",
          "variation": "proof",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": false,
            "figures": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "course-3",
          "block": "bio",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "links": true,
            "second": true
          },
          "departures": {}
        },
        {
          "id": "course-4",
          "block": "benefits",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "items": 4,
            "image": true
          },
          "departures": {}
        },
        {
          "id": "course-5",
          "block": "blog",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "posts": 3,
            "images": true
          },
          "departures": {
            "media-class": "artifact-simulation",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "course-6",
          "block": "process",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "steps": 3
          },
          "departures": {}
        },
        {
          "id": "course-7",
          "block": "testimonials",
          "variation": "lead",
          "ground": "auto",
          "options": {
            "count": 3,
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "course-8",
          "block": "pricing",
          "variation": "focus",
          "ground": "auto",
          "options": {
            "plans": 2,
            "billing": false
          },
          "departures": {}
        },
        {
          "id": "course-9",
          "block": "faq",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "questions": 6
          },
          "departures": {}
        },
        {
          "id": "course-10",
          "block": "footer",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "nonprofit",
      "label": "Nonprofit",
      "line": "Explain your mission, show its impact and invite people to help.",
      "plan": [
        {
          "id": "nonprofit-1",
          "block": "header",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "nonprofit-2",
          "block": "hero",
          "variation": "cover",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": true,
            "install-command": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "nonprofit-3",
          "block": "about",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "paragraphs": 2
          },
          "departures": {}
        },
        {
          "id": "nonprofit-4",
          "block": "stats",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "count": 4,
            "trend": true
          },
          "departures": {}
        },
        {
          "id": "nonprofit-5",
          "block": "gallery",
          "variation": "grid",
          "ground": "auto",
          "options": {
            "images": 4,
            "captions": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "nonprofit-6",
          "block": "team",
          "variation": "faces",
          "ground": "auto",
          "options": {
            "people": 4,
            "roles": true
          },
          "departures": {}
        },
        {
          "id": "nonprofit-7",
          "block": "blog",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "posts": 3,
            "images": true
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "nonprofit-8",
          "block": "closing",
          "variation": "split",
          "ground": "auto",
          "options": {
            "second": true,
            "lead": true,
            "install-command": false
          },
          "departures": {
            "media-class": "photographic",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "nonprofit-9",
          "block": "footer",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    },
    {
      "id": "newsletter",
      "label": "Newsletter",
      "line": "Introduce your newsletter and its writer, show recent issues and invite readers to subscribe.",
      "plan": [
        {
          "id": "newsletter-1",
          "block": "header",
          "variation": "masthead",
          "ground": "auto",
          "options": {
            "links": 4,
            "actions": true,
            "condenses-on-scroll": false
          },
          "departures": {}
        },
        {
          "id": "newsletter-2",
          "block": "hero",
          "variation": "proof",
          "ground": "auto",
          "options": {
            "eyebrow": false,
            "second": true,
            "trust": false,
            "figures": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "newsletter-3",
          "block": "newsletter",
          "variation": "inline",
          "ground": "auto",
          "options": {
            "lead": true,
            "note": true
          },
          "departures": {}
        },
        {
          "id": "newsletter-4",
          "block": "blog",
          "variation": "signature",
          "ground": "auto",
          "options": {
            "posts": 3,
            "images": true
          },
          "departures": {
            "media-class": "illustrated",
            "media-treatment": "edgeless"
          }
        },
        {
          "id": "newsletter-5",
          "block": "bio",
          "variation": "card",
          "ground": "auto",
          "options": {
            "links": true,
            "second": true
          },
          "departures": {}
        },
        {
          "id": "newsletter-6",
          "block": "testimonials",
          "variation": "ledger",
          "ground": "auto",
          "options": {
            "count": 3,
            "avatars": true
          },
          "departures": {}
        },
        {
          "id": "newsletter-7",
          "block": "faq",
          "variation": "open",
          "ground": "auto",
          "options": {
            "questions": 6
          },
          "departures": {}
        },
        {
          "id": "newsletter-8",
          "block": "closing",
          "variation": "card",
          "ground": "auto",
          "options": {
            "second": true,
            "lead": true,
            "install-command": false
          },
          "departures": {}
        },
        {
          "id": "newsletter-9",
          "block": "footer",
          "variation": "statement",
          "ground": "auto",
          "options": {
            "columns": 3,
            "social": true
          },
          "departures": {}
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Clear Day",
      "line": "A clean, light starting point for SaaS products",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#fcfcfd",
          "alternation": "never",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#2563eb",
          "accent-placement": "none",
          "colour-admission": "state",
          "type-pairing": "sans-plus-sans",
          "display-scale": "5.0",
          "headline-turn": "none",
          "media-class": "product-ui-simulation",
          "media-treatment": "panel",
          "button-shape": "pill",
          "button-fill": "#111113",
          "column": "regular",
          "air": "regular",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Bare Metal",
      "line": "Black and white with thin grids and a white pill button, for developer platforms",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#000000",
          "alternation": "never",
          "ground-step": "sunk",
          "separation": "hairline",
          "accent": "#a3cfff",
          "accent-placement": "none",
          "colour-admission": "state",
          "type-pairing": "single-family",
          "display-scale": "4.0",
          "headline-turn": "none",
          "media-class": "product-ui-simulation",
          "media-treatment": "panel",
          "button-shape": "pill",
          "button-fill": "#ededed",
          "column": "wide",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Paper Trail",
      "line": "Serif headlines with colour reserved for product imagery, for B2B software",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f5f4f0",
          "alternation": "irregular",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#ffc61a",
          "accent-placement": "none",
          "colour-admission": "product",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "5.2",
          "headline-turn": "none",
          "media-class": "product-ui-capture",
          "media-treatment": "chrome",
          "button-shape": "rounded",
          "button-fill": "#131313",
          "column": "regular",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Basalt",
      "line": "Outlined panels on a dark background, for team software",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0f1012",
          "alternation": "never",
          "ground-step": "none",
          "separation": "boundary",
          "accent": "#b4d3ff",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-sans",
          "display-scale": "3.9",
          "headline-turn": "none",
          "media-class": "product-ui-capture",
          "media-treatment": "panel",
          "button-shape": "rounded",
          "button-fill": "#b4d3ff",
          "column": "regular",
          "air": "regular",
          "corners": "soft"
        },
        "mechanisms": ["heading-row-carries-the-section-action"]
      }
    },
    {
      "name": "Piano Black",
      "line": "Serif headlines and framed 3D renders on a black page, for developer APIs",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#000000",
          "alternation": "never",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#6ee3ad",
          "accent-placement": "none",
          "colour-admission": "product",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "6.0",
          "headline-turn": "none",
          "media-class": "rendered-3d",
          "media-treatment": "panel",
          "button-shape": "pill",
          "button-fill": "#1c1c1c",
          "column": "regular",
          "air": "regular",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Night Launch",
      "line": "Product screenshots with a red glow, for developer and AI products",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0a0a0c",
          "alternation": "never",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#c8303a",
          "accent-placement": "light",
          "colour-admission": "product",
          "type-pairing": "single-family",
          "display-scale": "4.6",
          "headline-turn": "none",
          "media-class": "product-ui-capture",
          "media-treatment": "chrome",
          "button-shape": "sharp",
          "button-fill": "#16161a",
          "column": "wide",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Control Room",
      "line": "Live dashboards with cyan readouts, for infrastructure and APIs",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#1b2932",
          "alternation": "cycled",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#67e8f9",
          "accent-placement": "none",
          "colour-admission": "product",
          "type-pairing": "sans-plus-mono",
          "display-scale": "4.2",
          "headline-turn": "none",
          "media-class": "product-ui-simulation",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#f1f3f4",
          "column": "full",
          "air": "tight",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Terminal",
      "line": "Serif headlines with monospaced text, for CLIs and infrastructure",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0a0e14",
          "alternation": "every-second",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#f0ece4",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "serif-plus-mono",
          "display-scale": "4.4",
          "headline-turn": "none",
          "media-class": "interface-native",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#1c2533",
          "column": "regular",
          "air": "regular",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Handbook",
      "line": "Serif headings over terminal windows, for libraries and SDKs",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#fbfbf8",
          "alternation": "never",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#0369a1",
          "accent-placement": "none",
          "colour-admission": "state",
          "type-pairing": "serif-plus-mono",
          "display-scale": "4.2",
          "headline-turn": "none",
          "media-class": "interface-native",
          "media-treatment": "chrome",
          "button-shape": "rounded",
          "button-fill": "#121212",
          "column": "regular",
          "air": "regular",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Nightfall",
      "line": "Staged 3D under a blue-hour glow, for AI products with atmosphere",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0b0d1a",
          "alternation": "irregular",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#a5d8ff",
          "accent-placement": "light",
          "colour-admission": "product",
          "type-pairing": "display-plus-text",
          "display-scale": "3.6",
          "headline-turn": "none",
          "media-class": "rendered-3d",
          "media-treatment": "staged",
          "button-shape": "pill",
          "button-fill": "#eef0f6",
          "column": "regular",
          "air": "generous",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Strong Room",
      "line": "Italic serif headlines and frameless product screens, for finance software",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#09090b",
          "alternation": "never",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#e6cb97",
          "accent-placement": "none",
          "colour-admission": "product",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "4.4",
          "headline-turn": "italic",
          "media-class": "product-ui-simulation",
          "media-treatment": "edgeless",
          "button-shape": "pill",
          "button-fill": "#ffffff",
          "column": "regular",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Boardroom",
      "line": "Quiet panels and restrained colour for enterprise and finance",
      "look": {
        "positions": {
          "polarity": "inverts",
          "ground-tint": "#f7f9fc",
          "alternation": "banded",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#4a6a9b",
          "accent-placement": "none",
          "colour-admission": "state",
          "type-pairing": "sans-plus-sans",
          "display-scale": "4.2",
          "headline-turn": "none",
          "media-class": "product-ui-simulation",
          "media-treatment": "panel",
          "button-shape": "rounded",
          "button-fill": "#1e2a4a",
          "column": "regular",
          "air": "regular",
          "corners": "soft"
        },
        "mechanisms": ["heading-row-carries-the-section-action"]
      }
    },
    {
      "name": "First Light",
      "line": "A huge headline on a page that fades from night to day, for waitlists",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#081426",
          "alternation": "never",
          "ground-step": "none",
          "separation": "none",
          "accent": "#ffc56b",
          "accent-placement": "light",
          "colour-admission": "everywhere",
          "type-pairing": "single-family",
          "display-scale": "6.4",
          "headline-turn": "none",
          "media-class": "procedural",
          "media-treatment": "edgeless",
          "button-shape": "pill",
          "button-fill": "#fff4e2",
          "column": "regular",
          "air": "generous",
          "corners": "round"
        },
        "mechanisms": ["scroll-crossfades-the-page-register"]
      }
    },
    {
      "name": "Soft Launch",
      "line": "Mint green with a product teaser and a signup, for waitlists",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#edf7f2",
          "alternation": "never",
          "ground-step": "none",
          "separation": "none",
          "accent": "#0e7a5f",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-serif",
          "display-scale": "4.4",
          "headline-turn": "none",
          "media-class": "product-ui-simulation",
          "media-treatment": "staged",
          "button-shape": "pill",
          "button-fill": "#0e7a5f",
          "column": "narrow",
          "air": "generous",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Daybreak",
      "line": "App screens on sky blue with peach accents, for everyday apps",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f2f7fc",
          "alternation": "banded",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#ffc396",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "superfamily",
          "display-scale": "5.0",
          "headline-turn": "none",
          "media-class": "product-ui-capture",
          "media-treatment": "chrome",
          "button-shape": "pill",
          "button-fill": "#ffc396",
          "column": "regular",
          "air": "generous",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Playground",
      "line": "Rounded shapes and repeating yellow sections, for consumer and learning apps",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#ffffff",
          "alternation": "cycled",
          "ground-step": "none",
          "separation": "none",
          "accent": "#ffc21a",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "display-plus-text",
          "display-scale": "4.0",
          "headline-turn": "none",
          "media-class": "illustrated",
          "media-treatment": "edgeless",
          "button-shape": "pill",
          "button-fill": "#ffc21a",
          "column": "wide",
          "air": "generous",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Night Swim",
      "line": "Bold type and full-bleed photos on deep green water, for games and fitness",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#04211f",
          "alternation": "never",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#3fe0c5",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "display-plus-text",
          "display-scale": "5.6",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "rounded",
          "button-fill": "#3fe0c5",
          "column": "wide",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Daybook",
      "line": "Invoices and contracts drawn as paper, for finance and legal software",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f6f5f0",
          "alternation": "every-second",
          "ground-step": "raised",
          "separation": "shadow",
          "accent": "#0f766e",
          "accent-placement": "none",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-serif",
          "display-scale": "4.4",
          "headline-turn": "none",
          "media-class": "artifact-simulation",
          "media-treatment": "staged",
          "button-shape": "sharp",
          "button-fill": "#1c1b18",
          "column": "regular",
          "air": "regular",
          "corners": "sharp"
        },
        "mechanisms": ["heading-row-carries-the-section-action"]
      }
    },
    {
      "name": "Draft Room",
      "line": "Diagrams, monospaced labels and inset panels, for hardware and data tools",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#eceae5",
          "alternation": "every-second",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#1d4ed8",
          "accent-placement": "mark",
          "colour-admission": "product",
          "type-pairing": "sans-plus-mono",
          "display-scale": "4.4",
          "headline-turn": "none",
          "media-class": "vector-diagrammatic",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#1a1c20",
          "column": "regular",
          "air": "regular",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Garage",
      "line": "Spec sheets, monospaced notes and safety yellow, for products in development",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#e9e9e5",
          "alternation": "banded",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#f5c518",
          "accent-placement": "wash",
          "colour-admission": "everywhere",
          "type-pairing": "superfamily",
          "display-scale": "4.4",
          "headline-turn": "none",
          "media-class": "artifact-simulation",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#f5c518",
          "column": "regular",
          "air": "tight",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Billboard",
      "line": "A huge statement on a black hero and edge-to-edge photographs, for campaigns",
      "look": {
        "positions": {
          "polarity": "inverts",
          "ground-tint": "#fefdfd",
          "alternation": "banded",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#7a5c8e",
          "accent-placement": "none",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-sans",
          "display-scale": "6.9",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "rounded",
          "button-fill": "#1d1c1b",
          "column": "full",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Poster",
      "line": "Oversized type, sharp edges and repeating colour sections, for studios and events",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f4f1ea",
          "alternation": "cycled",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#0068ad",
          "accent-placement": "none",
          "colour-admission": "everywhere",
          "type-pairing": "superfamily",
          "display-scale": "7.0",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "sharp",
          "button-fill": "#0f0f0e",
          "column": "full",
          "air": "tight",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "After Hours",
      "line": "Lit object photographs on a black page, for design studios",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0a0a09",
          "alternation": "never",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#f0c45a",
          "accent-placement": "none",
          "colour-admission": "product",
          "type-pairing": "single-family",
          "display-scale": "2.8",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "staged",
          "button-shape": "sharp",
          "button-fill": "#ece8df",
          "column": "wide",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Velvet",
      "line": "Peach light on black velvet, serifs and staged renders, for brand agencies",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0e0c0f",
          "alternation": "irregular",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#f2c6b4",
          "accent-placement": "light",
          "colour-admission": "everywhere",
          "type-pairing": "serif-plus-mono",
          "display-scale": "5.4",
          "headline-turn": "none",
          "media-class": "rendered-3d",
          "media-treatment": "staged",
          "button-shape": "rounded",
          "button-fill": "#ece6e3",
          "column": "wide",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Ink Editorial",
      "line": "Serif headlines and a narrow column for writing-led brands",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f7f3ea",
          "alternation": "never",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#9b1c1c",
          "accent-placement": "none",
          "colour-admission": "state",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "4.5",
          "headline-turn": "none",
          "media-class": "illustrated",
          "media-treatment": "edgeless",
          "button-shape": "sharp",
          "button-fill": "#121110",
          "column": "narrow",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Lens",
      "line": "Frameless photography and italic serif type, for fashion, hotels and portfolios",
      "look": {
        "positions": {
          "polarity": "inverts",
          "ground-tint": "#fefdfd",
          "alternation": "never",
          "ground-step": "none",
          "separation": "none",
          "accent": "#5f584e",
          "accent-placement": "media",
          "colour-admission": "imagery",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "4.8",
          "headline-turn": "italic",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "rounded",
          "button-fill": "#0c0c0b",
          "column": "full",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": ["scroll-crossfades-the-page-register"]
      }
    },
    {
      "name": "Storefront",
      "line": "Product photography on a light grid for shops and physical goods",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#fefdfd",
          "alternation": "every-second",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#1f7a3d",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-serif",
          "display-scale": "4.6",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "pill",
          "button-fill": "#0b0b0c",
          "column": "wide",
          "air": "regular",
          "corners": "round"
        },
        "mechanisms": ["heading-row-carries-the-section-action"]
      }
    },
    {
      "name": "Sorbet",
      "line": "Pastel backgrounds and 3D product displays, for beauty and gift shops",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#fdf1f3",
          "alternation": "every-second",
          "ground-step": "none",
          "separation": "none",
          "accent": "#be185d",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "display-plus-text",
          "display-scale": "5.2",
          "headline-turn": "none",
          "media-class": "rendered-3d",
          "media-treatment": "staged",
          "button-shape": "pill",
          "button-fill": "#be185d",
          "column": "regular",
          "air": "generous",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Brown Paper",
      "line": "Monospaced price tags and product photos on brown paper, for small makers",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#ede3d1",
          "alternation": "never",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#92400e",
          "accent-placement": "none",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-mono",
          "display-scale": "4.2",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "sharp",
          "button-fill": "#3b2a1a",
          "column": "regular",
          "air": "regular",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "North Light",
      "line": "Small type and a wall of framed work, for artists and photographers",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#ffffff",
          "alternation": "irregular",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#9a4b2c",
          "accent-placement": "media",
          "colour-admission": "imagery",
          "type-pairing": "single-family",
          "display-scale": "2.5",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#111111",
          "column": "wide",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Corkboard",
      "line": "Pinned-up work and bold type on a cork background, for small studios",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#e3c9a1",
          "alternation": "irregular",
          "ground-step": "raised",
          "separation": "shadow",
          "accent": "#1f6f3a",
          "accent-placement": "none",
          "colour-admission": "everywhere",
          "type-pairing": "display-plus-text",
          "display-scale": "4.6",
          "headline-turn": "none",
          "media-class": "artifact-simulation",
          "media-treatment": "staged",
          "button-shape": "rounded",
          "button-fill": "#18181a",
          "column": "regular",
          "air": "regular",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Sunday Paper",
      "line": "Serif columns, bold headlines and halftone photos, for weekly publications",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f3f1ea",
          "alternation": "never",
          "ground-step": "none",
          "separation": "ledger",
          "accent": "#c8102e",
          "accent-placement": "none",
          "colour-admission": "state",
          "type-pairing": "sans-plus-serif",
          "display-scale": "5.6",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "screened",
          "button-shape": "sharp",
          "button-fill": "#141412",
          "column": "narrow",
          "air": "regular",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Lamplight",
      "line": "Serif reading text on a warm dark page, for essays and long letters",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#1c1712",
          "alternation": "never",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#f7c77e",
          "accent-placement": "none",
          "colour-admission": "state",
          "type-pairing": "sans-plus-serif",
          "display-scale": "2.9",
          "headline-turn": "none",
          "media-class": "illustrated",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#f2e6d0",
          "column": "narrow",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Postcard",
      "line": "Letters and stamps on airmail blue, for newsletters and podcasts",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#dde6f0",
          "alternation": "every-second",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#1e3a8a",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "3.6",
          "headline-turn": "none",
          "media-class": "artifact-simulation",
          "media-treatment": "staged",
          "button-shape": "rounded",
          "button-fill": "#1e3a8a",
          "column": "narrow",
          "air": "regular",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Small Hours",
      "line": "Waveforms, serif headlines and hot pink on night blue, for musicians",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0a1a24",
          "alternation": "irregular",
          "ground-step": "none",
          "separation": "none",
          "accent": "#d81b72",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "4.2",
          "headline-turn": "none",
          "media-class": "procedural",
          "media-treatment": "screened",
          "button-shape": "rounded",
          "button-fill": "#d81b72",
          "column": "regular",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Pressroom",
      "line": "Photos printed as dots in one ink, for musicians and artists",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#edece7",
          "alternation": "irregular",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#0d5c63",
          "accent-placement": "wash",
          "colour-admission": "imagery",
          "type-pairing": "single-family",
          "display-scale": "6.6",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "screened",
          "button-shape": "sharp",
          "button-fill": "#141414",
          "column": "wide",
          "air": "regular",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Lanyard",
      "line": "Ticket cards and monospaced schedules, for conferences and meetups",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f6f6f2",
          "alternation": "cycled",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#be123c",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-mono",
          "display-scale": "6.0",
          "headline-turn": "none",
          "media-class": "artifact-simulation",
          "media-treatment": "panel",
          "button-shape": "mixed",
          "button-fill": "#be123c",
          "column": "wide",
          "air": "tight",
          "corners": "soft"
        },
        "mechanisms": ["heading-row-carries-the-section-action"]
      }
    },
    {
      "name": "Marquee",
      "line": "Heavy type and repeating yellow sections, for festivals and nights out",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#0e0d0b",
          "alternation": "cycled",
          "ground-step": "none",
          "separation": "none",
          "accent": "#ffd43b",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "display-plus-text",
          "display-scale": "7.0",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "screened",
          "button-shape": "sharp",
          "button-fill": "#ffd43b",
          "column": "full",
          "air": "tight",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Main Street",
      "line": "Warm, light and photographic for bakeries, cafés, florists and salons",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#fbf4ea",
          "alternation": "every-second",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#7a1f33",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "3.8",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "rounded",
          "button-fill": "#7a1f33",
          "column": "regular",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Supper",
      "line": "A light masthead over wine-dark pages, for restaurants and bars",
      "look": {
        "positions": {
          "polarity": "inverts",
          "ground-tint": "#1f0f14",
          "alternation": "never",
          "ground-step": "raised",
          "separation": "none",
          "accent": "#efd08a",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "4.0",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#efd08a",
          "column": "wide",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Brickwork",
      "line": "Heavy type and big photos on high-vis yellow, for builders and trades",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#ffcd38",
          "alternation": "banded",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#ffcd38",
          "accent-placement": "none",
          "colour-admission": "everywhere",
          "type-pairing": "display-plus-text",
          "display-scale": "6.0",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#141414",
          "column": "full",
          "air": "tight",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Study Hall",
      "line": "Butter-yellow paper, friendly type and diagrams, for online courses",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#fff4cc",
          "alternation": "every-second",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#15803d",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "superfamily",
          "display-scale": "4.5",
          "headline-turn": "none",
          "media-class": "vector-diagrammatic",
          "media-treatment": "panel",
          "button-shape": "pill",
          "button-fill": "#15803d",
          "column": "regular",
          "air": "regular",
          "corners": "round"
        },
        "mechanisms": ["heading-row-carries-the-section-action"]
      }
    },
    {
      "name": "Chalkboard",
      "line": "Chalk-white type and drawings on a green board, for teachers",
      "look": {
        "positions": {
          "polarity": "dark",
          "ground-tint": "#1b3a2e",
          "alternation": "never",
          "ground-step": "none",
          "separation": "none",
          "accent": "#fde68a",
          "accent-placement": "mark",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-serif",
          "display-scale": "4.2",
          "headline-turn": "none",
          "media-class": "illustrated",
          "media-treatment": "edgeless",
          "button-shape": "sharp",
          "button-fill": "#fde68a",
          "column": "regular",
          "air": "generous",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Exercise Book",
      "line": "Ruled lines, doodles and ballpoint blue, for tutors and workshops",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#fbfaf4",
          "alternation": "never",
          "ground-step": "sunk",
          "separation": "ledger",
          "accent": "#1e40af",
          "accent-placement": "mark",
          "colour-admission": "everywhere",
          "type-pairing": "single-family",
          "display-scale": "3.8",
          "headline-turn": "none",
          "media-class": "illustrated",
          "media-treatment": "screened",
          "button-shape": "rounded",
          "button-fill": "#1e40af",
          "column": "narrow",
          "air": "regular",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Village Hall",
      "line": "Edge-to-edge photos, serif headlines and repeating colour sections, for charities",
      "look": {
        "positions": {
          "polarity": "inverts",
          "ground-tint": "#fbf7ef",
          "alternation": "cycled",
          "ground-step": "sunk",
          "separation": "none",
          "accent": "#1f5aa6",
          "accent-placement": "control",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-display-serif",
          "display-scale": "5.8",
          "headline-turn": "none",
          "media-class": "photographic",
          "media-treatment": "edgeless",
          "button-shape": "pill",
          "button-fill": "#1f5aa6",
          "column": "full",
          "air": "generous",
          "corners": "round"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Allotment",
      "line": "Hand-drawn pictures and leafy green bands, for local causes",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#f1f3e6",
          "alternation": "banded",
          "ground-step": "none",
          "separation": "none",
          "accent": "#3f6212",
          "accent-placement": "wash",
          "colour-admission": "everywhere",
          "type-pairing": "display-plus-text",
          "display-scale": "4.4",
          "headline-turn": "none",
          "media-class": "illustrated",
          "media-treatment": "panel",
          "button-shape": "rounded",
          "button-fill": "#3f6212",
          "column": "regular",
          "air": "generous",
          "corners": "soft"
        },
        "mechanisms": []
      }
    },
    {
      "name": "Field Report",
      "line": "Big figures, charts and ruled rows, for impact reports",
      "look": {
        "positions": {
          "polarity": "light",
          "ground-tint": "#ffffff",
          "alternation": "never",
          "ground-step": "none",
          "separation": "ledger",
          "accent": "#0e7490",
          "accent-placement": "none",
          "colour-admission": "everywhere",
          "type-pairing": "sans-plus-sans",
          "display-scale": "6.0",
          "headline-turn": "none",
          "media-class": "vector-diagrammatic",
          "media-treatment": "panel",
          "button-shape": "sharp",
          "button-fill": "#111316",
          "column": "wide",
          "air": "regular",
          "corners": "sharp"
        },
        "mechanisms": []
      }
    }
  ],
  "promptOptions": {
    "goals": [
      {
        "id": "new-page",
        "label": "New page",
        "line": "Build a new landing page from this design."
      },
      {
        "id": "existing-site",
        "label": "Add to a site",
        "line": "Add this page to your site. Follow its existing design rules where they differ from this look."
      },
      {
        "id": "redesign",
        "label": "Redesign",
        "line": "Apply this design to an existing page. Keep its content, links and behaviour."
      }
    ],
    "harnesses": [
      {
        "id": "designprompts",
        "label": "DesignPrompts Harness",
        "line": "Included in the prompt. Guides your agent through composition, typography and visual checks while keeping your chosen look."
      },
      {
        "id": "taste-skill",
        "label": "TasteSkill",
        "line": "Leonxlnx's design skill. Develops a visual direction, finds archive photography and checks the result in a browser. Allow extra build time.",
        "source": "https://github.com/Leonxlnx/taste-skill"
      },
      {
        "id": "frontend-design",
        "label": "Anthropic Frontend Design",
        "line": "Anthropic's design skill. Plans colour, typography and layout, checks for generic patterns, then builds and reviews the page.",
        "source": "https://github.com/anthropics/skills/tree/main/skills/frontend-design"
      }
    ],
    "creativity": [
      {
        "id": "strong",
        "label": "Bold",
        "line": "Give your agent room to rethink the composition while keeping your look and section content."
      },
      {
        "id": "balanced",
        "label": "Balanced",
        "line": "Keep your agent closer to the preview, with adjustments where they improve the page."
      }
    ],
    "workflows": [
      {
        "id": "image-first",
        "label": "Image first",
        "line": "Generate a brand kit image and an above-the-fold image, then build to match them. If image generation is unavailable, start with an HTML prototype."
      },
      {
        "id": "straight-build",
        "label": "Build directly",
        "line": "Build in your project's stack from the start, then check and refine the page in a browser."
      },
      {
        "id": "html-prototype",
        "label": "HTML prototype",
        "line": "Build and refine a static HTML page, then recreate it in your project's stack."
      }
    ],
    "checkpoints": [
      {
        "id": "first-screen",
        "label": "Approve the first screen",
        "line": "Review the page plan and first screen before your agent builds the rest."
      },
      {
        "id": "none",
        "label": "No checkpoints",
        "line": "Your agent finishes the page without pausing for approval."
      },
      {
        "id": "micromanage",
        "label": "Approve each step",
        "line": "Review each section and major visual decision before your agent continues."
      }
    ],
    "plugins": [
      {
        "id": "scroll-craft",
        "label": "Scrollcraft",
        "line": "nateherkai's scroll design skill. Can reorder sections and override other design instructions. Requires Node, a browser and ffmpeg.",
        "source": "https://github.com/nateherkai/scroll-craft"
      },
      {
        "id": "emil-animations",
        "label": "Emil's animation skills",
        "line": "Emil Kowalski's skills find useful places for motion, add the animations and check their performance.",
        "source": "https://github.com/emilkowalski/skills"
      },
      {
        "id": "grilling",
        "label": "Clarify the brief",
        "line": "Matt Pocock's Grilling skill gathers the unanswered questions before the build, with a suggested answer for each.",
        "source": "https://github.com/mattpocock/skills/tree/main/skills/productivity/grilling"
      },
      {
        "id": "copywriting",
        "label": "Copywriting",
        "line": "Corey Haines's skill writes the page copy from your brief. It instructs your agent to use the facts you provide and avoid invented claims.",
        "source": "https://github.com/coreyhaines31/marketingskills/tree/main/skills/copywriting"
      }
    ],
    "designMd": {
      "label": "Save design rules in DESIGN.md",
      "line": "Ask your agent to record the design rules for future pages. It creates DESIGN.md or updates the existing file."
    },
    "defaults": {
      "goal": "new-page",
      "harness": "designprompts",
      "creativity": "strong",
      "workflow": "image-first",
      "checkpoints": "first-screen",
      "plugins": [],
      "designMd": false
    }
  }
}