{
  "id": "moss-atlas-trust",
  "name": "Trust Front",
  "theme": "moss-atlas",
  "category": "Landing",
  "description": "A conservation homepage whose hero is a single number with a unit, because the number is the argument and everything else on the page supports it.",
  "layout": "A full-bleed forest plate behind a headline at the lower left, then a single enormous restored-hectares figure that spans the full width above a three-up work band.",
  "modules": [
    {
      "key": "nav",
      "name": "Navigation",
      "html": "\n<header class=\"nv\"><span class=\"br\">Moss Atlas</span><nav><a href=\"#\">The work</a><a href=\"#\">Sites</a><a href=\"#\">Records</a><a href=\"#\">Support us</a></nav><a class=\"cta\" href=\"#\">Donate</a></header>"
    },
    {
      "key": "hero",
      "name": "Hero plate",
      "html": "\n<figure class=\"hr\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption><span class=\"k\">Upland peat restoration since 2011</span><h1>We put the water back, and everything else follows.</h1></figcaption></figure>"
    },
    {
      "key": "figure",
      "name": "Headline figure",
      "html": "\n<div class=\"fg\"><b>4,180</b><span class=\"u\">hectares of blanket bog rewetted</span><span class=\"m\">Across 42 sites in the north Pennines. Measured, not modelled — every hectare has a dipwell and a photograph.</span></div>"
    },
    {
      "key": "work",
      "name": "Work band",
      "html": "\n<section class=\"wk\">\n  <article><figure><img src=\"{{ART moss}}\" alt=\"{{ARTALT moss}}\"></figure><h2>Blocking grips</h2><p>Eleven thousand dams since 2011, mostly peat, some stone where the gradient demands it.</p></article>\n  <article><figure><img src=\"{{ART specimen}}\" alt=\"{{ARTALT specimen}}\"></figure><h2>Recording</h2><p>Two hundred and fourteen species logged this season by fourteen volunteers.</p></article>\n  <article><figure><img src=\"{{ART trail}}\" alt=\"{{ARTALT trail}}\"></figure><h2>Access</h2><p>Nine kilometres of boardwalk so the ground is walked on rather than walked over.</p></article>\n</section>"
    },
    {
      "key": "ask",
      "name": "Support block",
      "html": "\n<footer class=\"ak\"><div><span class=\"k\">Support</span><b>£24 dams one grip</b><p>A peat dam costs about twenty-four pounds in labour and nothing in materials. It holds water for thirty years.</p></div><button type=\"button\" class=\"go\">Dam a grip</button></footer>"
    }
  ],
  "moduleCount": 5,
  "reorderable": true,
  "meta": {
    "id": "moss-atlas-trust",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T20:03:43+09:00",
    "updatedAt": "2026-09-01T20:03:43+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/moss-atlas-trust.json",
  "structure": "A full-bleed forest plate behind a headline at the lower left, then a single enormous restored-hectares figure that spans the full width above a three-up work band.",
  "html": "<div class=\"dz dz-moss-atlas-trust\" data-design=\"moss-atlas-trust\" data-theme=\"moss-atlas\">\n<section class=\"dz-mod\" data-mod=\"nav\" aria-label=\"Navigation\">\n<header class=\"nv\"><span class=\"br\">Moss Atlas</span><nav><a href=\"#\">The work</a><a href=\"#\">Sites</a><a href=\"#\">Records</a><a href=\"#\">Support us</a></nav><a class=\"cta\" href=\"#\">Donate</a></header></section>\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Hero plate\">\n<figure class=\"hr\"><img src=\"https://designlookbook.dev/assets/img/moss-atlas-hero.webp\" alt=\"A dense forest floor in deep green with one shaft of amber light\"><figcaption><span class=\"k\">Upland peat restoration since 2011</span><h1>We put the water back, and everything else follows.</h1></figcaption></figure></section>\n<section class=\"dz-mod\" data-mod=\"figure\" aria-label=\"Headline figure\">\n<div class=\"fg\"><b>4,180</b><span class=\"u\">hectares of blanket bog rewetted</span><span class=\"m\">Across 42 sites in the north Pennines. Measured, not modelled — every hectare has a dipwell and a photograph.</span></div></section>\n<section class=\"dz-mod\" data-mod=\"work\" aria-label=\"Work band\">\n<section class=\"wk\">\n  <article><figure><img src=\"https://designlookbook.dev/assets/img/moss-atlas-moss.webp\" alt=\"Close-up of moss and lichen on wet bark\"></figure><h2>Blocking grips</h2><p>Eleven thousand dams since 2011, mostly peat, some stone where the gradient demands it.</p></article>\n  <article><figure><img src=\"https://designlookbook.dev/assets/img/moss-atlas-specimen.webp\" alt=\"Pressed leaves and lichen laid out on green board\"></figure><h2>Recording</h2><p>Two hundred and fourteen species logged this season by fourteen volunteers.</p></article>\n  <article><figure><img src=\"https://designlookbook.dev/assets/img/moss-atlas-trail.webp\" alt=\"A narrow trail marked with an amber blaze on a green trunk\"></figure><h2>Access</h2><p>Nine kilometres of boardwalk so the ground is walked on rather than walked over.</p></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"ask\" aria-label=\"Support block\">\n<footer class=\"ak\"><div><span class=\"k\">Support</span><b>£24 dams one grip</b><p>A peat dam costs about twenty-four pounds in labour and nothing in materials. It holds water for thirty years.</p></div><button type=\"button\" class=\"go\">Dam a grip</button></footer></section>\n</div>",
  "css": "\n.dz-moss-atlas-trust { background: var(--background); color: var(--foreground); font-family: var(--pv-body); }\n.dz-moss-atlas-trust .nv { display: flex; align-items: center; gap: 26px; padding: 18px 30px; }\n.dz-moss-atlas-trust .br { font-family: var(--pv-display); font-size: 22px; font-weight: 600; }\n.dz-moss-atlas-trust .nv nav { display: flex; gap: 22px; margin-left: 14px; }\n.dz-moss-atlas-trust .nv a { font-size: 14px; color: var(--muted-foreground); text-decoration: none; }\n.dz-moss-atlas-trust .nv a:hover { color: var(--primary); }\n.dz-moss-atlas-trust .cta { margin-left: auto; font-size: 13.5px; background: var(--primary); color: var(--primary-foreground) !important; border-radius: var(--pv-radius-md); padding: 10px 20px; }\n.dz-moss-atlas-trust .hr { margin: 0; position: relative; }\n.dz-moss-atlas-trust .hr img { width: 100%; height: 340px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-moss-atlas-trust .hr figcaption { position: absolute; left: 30px; bottom: 30px; right: 30%; }\n.dz-moss-atlas-trust .k { font-size: 11.5px; color: var(--muted-foreground); display: block; }\n.dz-moss-atlas-trust .hr h1 { font-family: var(--pv-display); font-size: 48px; font-weight: 600; line-height: 1.06; margin: 10px 0 0; text-shadow: 0 2px 20px color-mix(in srgb, var(--background) 70%, transparent); }\n.dz-moss-atlas-trust .fg { padding: 34px 30px 30px; display: flex; flex-direction: column; gap: 4px; }\n.dz-moss-atlas-trust .fg b { font-family: var(--pv-mono); font-feature-settings: \"tnum\" 1; font-size: 96px; font-weight: 500; line-height: .92; letter-spacing: -.04em; color: var(--primary); }\n.dz-moss-atlas-trust .u { font-family: var(--pv-display); font-size: 24px; }\n.dz-moss-atlas-trust .m { font-size: 14.5px; line-height: 1.6; color: var(--muted-foreground); max-width: 62ch; margin-top: 8px; }\n.dz-moss-atlas-trust .wk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 0 30px 30px; }\n.dz-moss-atlas-trust .wk figure { margin: 0 0 12px; }\n.dz-moss-atlas-trust .wk img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: var(--pv-radius); border: var(--pv-bw) solid var(--border); filter: var(--img-filter); }\n.dz-moss-atlas-trust .wk h2 { font-family: var(--pv-display); font-size: 22px; font-weight: 600; margin: 0 0 6px; }\n.dz-moss-atlas-trust .wk p { font-size: 14.5px; line-height: 1.58; color: var(--muted-foreground); margin: 0; }\n.dz-moss-atlas-trust .ak { background: var(--card); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius); display: flex; align-items: center; gap: 30px; margin: 0 30px 30px; padding: 22px 26px; border-left: 3px solid var(--primary); }\n.dz-moss-atlas-trust .ak b { display: block; font-family: var(--pv-display); font-size: 26px; font-weight: 600; margin: 6px 0 6px; }\n.dz-moss-atlas-trust .ak p { font-size: 14.5px; line-height: 1.55; color: var(--muted-foreground); margin: 0; max-width: 56ch; }\n.dz-moss-atlas-trust .go { font: inherit; font-size: 15px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: var(--pv-radius-md); padding: 14px 28px; cursor: pointer; white-space: nowrap; }\n@media (prefers-reduced-motion: reduce) { .dz-moss-atlas-trust *, .dz-moss-atlas-trust *::before, .dz-moss-atlas-trust *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/moss-atlas.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600;700&family=Alegreya+Sans:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600;700&display=swap"
}