{
  "id": "field-survey-service",
  "name": "Service Front",
  "theme": "field-survey",
  "category": "Landing",
  "description": "A front page for an operations platform that opens on a real grid reference and states its numbers without a single adjective.",
  "layout": "A full-bleed grayscale hero with a referenced overlay cell, a four-figure ruled band, and a three-column capability set with no cards.",
  "modules": [
    {
      "key": "hero",
      "name": "Referenced hero",
      "html": "\n<header class=\"rh\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><div class=\"ov\"><span class=\"rf\">AA-01</span><h1>Field Survey</h1><p>Operational coordination for agencies that work outdoors. Every panel is addressable, every reading is a grid reference, and nothing in the interface moves unless something in the world did.</p><a class=\"btn\" href=\"#\">Request a trial</a></div></header>"
    },
    {
      "key": "figs",
      "name": "Figure band",
      "html": "\n<section class=\"fb\">\n  <div><b class=\"n\">412</b><span class=\"k\">Assets tracked, median deployment</span></div>\n  <div><b class=\"n\">1.2 s</b><span class=\"k\">Median time to first paint on 3G</span></div>\n  <div><b class=\"n\">0</b><span class=\"k\">Eased transitions in the interface</span></div>\n  <div><b class=\"n\">99.98%</b><span class=\"k\">Availability, rolling 12 months</span></div>\n</section>"
    },
    {
      "key": "caps",
      "name": "Capability set",
      "html": "\n<section class=\"cs\">\n  <div><span class=\"rf\">AA-02</span><h2>Addressable by design</h2><p>Every region of every view carries a two-letter, two-digit reference. Over a radio, \"check DK-07\" is unambiguous. That is the whole feature and it took a year to get right.</p></div>\n  <div><span class=\"rf\">AA-03</span><h2>Built for bright light</h2><p>Olive drab with a survey blue that could not occur in a landscape. The contrast ratios hold on a cracked screen in direct sun, which is where this is actually used.</p></div>\n  <div><span class=\"rf\">AA-04</span><h2>Stepped, not smooth</h2><p>Forecasts are drawn as steps because the models output steps. A smooth line implies a precision nobody has and encourages decisions the data cannot support.</p></div>\n</section>"
    },
    {
      "key": "foot",
      "name": "Deployment note",
      "html": "\n<footer class=\"dn\"><span class=\"rf\">AA-05</span><p><b>Deployment.</b> On premise or in a sovereign region of your choosing. No component calls out to anything we do not run. The offline client holds 30 days of tasking and syncs when a connection returns, which on a moor is a real requirement rather than a feature.</p></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "field-survey-service",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:58:03+09:00",
    "updatedAt": "2026-09-01T23:58:03+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/field-survey-service.json",
  "structure": "A full-bleed grayscale hero with a referenced overlay cell, a four-figure ruled band, and a three-column capability set with no cards.",
  "html": "<div class=\"dz dz-field-survey-service\" data-design=\"field-survey-service\" data-theme=\"field-survey\">\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Referenced hero\">\n<header class=\"rh\"><img src=\"https://designlookbook.dev/assets/img/field-survey-hero.webp\" alt=\"A survey tripod standing on open moorland\"><div class=\"ov\"><span class=\"rf\">AA-01</span><h1>Field Survey</h1><p>Operational coordination for agencies that work outdoors. Every panel is addressable, every reading is a grid reference, and nothing in the interface moves unless something in the world did.</p><a class=\"btn\" href=\"#\">Request a trial</a></div></header></section>\n<section class=\"dz-mod\" data-mod=\"figs\" aria-label=\"Figure band\">\n<section class=\"fb\">\n  <div><b class=\"n\">412</b><span class=\"k\">Assets tracked, median deployment</span></div>\n  <div><b class=\"n\">1.2 s</b><span class=\"k\">Median time to first paint on 3G</span></div>\n  <div><b class=\"n\">0</b><span class=\"k\">Eased transitions in the interface</span></div>\n  <div><b class=\"n\">99.98%</b><span class=\"k\">Availability, rolling 12 months</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"caps\" aria-label=\"Capability set\">\n<section class=\"cs\">\n  <div><span class=\"rf\">AA-02</span><h2>Addressable by design</h2><p>Every region of every view carries a two-letter, two-digit reference. Over a radio, \"check DK-07\" is unambiguous. That is the whole feature and it took a year to get right.</p></div>\n  <div><span class=\"rf\">AA-03</span><h2>Built for bright light</h2><p>Olive drab with a survey blue that could not occur in a landscape. The contrast ratios hold on a cracked screen in direct sun, which is where this is actually used.</p></div>\n  <div><span class=\"rf\">AA-04</span><h2>Stepped, not smooth</h2><p>Forecasts are drawn as steps because the models output steps. A smooth line implies a precision nobody has and encourages decisions the data cannot support.</p></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"foot\" aria-label=\"Deployment note\">\n<footer class=\"dn\"><span class=\"rf\">AA-05</span><p><b>Deployment.</b> On premise or in a sovereign region of your choosing. No component calls out to anything we do not run. The offline client holds 30 days of tasking and syncs when a connection returns, which on a moor is a real requirement rather than a feature.</p></footer></section>\n</div>",
  "css": "\n.dz-field-survey-service { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 0 24px; }\n.dz-field-survey-service .rf { font-family: var(--pv-mono); font-size: 11px; letter-spacing: .02em; color: var(--muted-foreground); display: block; }\n.dz-field-survey-service .k { text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; }\n.dz-field-survey-service .n { font-family: var(--pv-mono); font-variant-numeric: tabular-nums; letter-spacing: .02em; }\n.dz-field-survey-service .rh { position: relative; }\n.dz-field-survey-service .rh img { width: 100%; height: 400px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-field-survey-service .ov { position: absolute; left: 24px; bottom: 24px; right: 24px; border: 2px solid var(--primary); background: color-mix(in oklab, var(--background) 88%, transparent); padding: 22px; max-width: 640px; }\n.dz-field-survey-service h1 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 76px; line-height: .96; margin: 6px 0 12px; }\n.dz-field-survey-service .ov p { margin: 0 0 18px; font-size: 15px; line-height: 1.6; }\n.dz-field-survey-service .btn { display: inline-block; text-transform: uppercase; letter-spacing: .2em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); font-family: var(--pv-body); background: var(--primary); color: var(--primary-foreground); padding: 13px 22px; text-decoration: none; }\n.dz-field-survey-service .fb { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--border); margin: 0 24px; }\n.dz-field-survey-service .fb div { padding: 20px 20px 20px 0; border-right: 1px solid var(--border); }\n.dz-field-survey-service .fb div:last-child { border-right: 0; }\n.dz-field-survey-service .fb b { display: block; font-family: var(--pv-mono); font-variant-numeric: tabular-nums; letter-spacing: .02em; font-size: 40px; font-weight: 700; margin-bottom: 6px; }\n.dz-field-survey-service .cs { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 24px; border-bottom: 1px solid var(--border); }\n.dz-field-survey-service .cs div { padding: 22px 22px 22px 0; border-right: 1px solid var(--border); }\n.dz-field-survey-service .cs div:last-child { border-right: 0; }\n.dz-field-survey-service h2 { font-family: var(--pv-display); text-transform: uppercase; font-weight: 600; letter-spacing: .01em; font-size: 23px; margin: 6px 0 8px; }\n.dz-field-survey-service .cs p { margin: 0; font-size: 13.5px; line-height: 1.6; }\n.dz-field-survey-service .dn { margin: 22px 24px 0; border-left: 3px solid var(--accent); padding-left: 16px; }\n.dz-field-survey-service .dn p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.62; max-width: 74ch; }\n",
  "requiredTheme": "/api/v1/themes/field-survey.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&family=Noto+Sans+Mono:wght@400;500;600;700&display=swap"
}