{
  "id": "excavation-section",
  "name": "Section Drawing",
  "theme": "excavation",
  "category": "Data & Reports",
  "description": "The stratigraphic column drawn to scale down the page with context numbers in cyan in the ruler and finds hung off their bands by 1px leaders.",
  "layout": "A ticked depth ruler beside stacked context bands sized to their real thickness, with find leaders running out to labels at the right.",
  "modules": [
    {
      "key": "head",
      "name": "Section header",
      "html": "\n<header class=\"sh\"><div><span class=\"k\">Section drawing · trench DK-07, north face</span><h1>Contexts 1001 to 1027</h1></div><span class=\"mt mn\">DRAWN 12 MAR · SCALE 1:20 · DATUM 42.18 m OD</span></header>"
    },
    {
      "key": "drawing",
      "name": "Stratigraphic column",
      "html": "\n<section class=\"bd\"><aside class=\"rlr\"><span class=\"tick maj\" style=\"top:0\"></span><span class=\"lb\" style=\"top:2px\">0</span><span class=\"tick\" style=\"top:60px\"></span><span class=\"tick maj\" style=\"top:120px\"></span><span class=\"lb\" style=\"top:122px\">50</span><span class=\"tick\" style=\"top:180px\"></span><span class=\"tick maj\" style=\"top:240px\"></span><span class=\"lb\" style=\"top:242px\">100</span><span class=\"tick\" style=\"top:300px\"></span><span class=\"tick maj\" style=\"top:360px\"></span><span class=\"lb\" style=\"top:362px\">150</span><span class=\"tick\" style=\"top:420px\"></span></aside>\n<div class=\"col\"><div class=\"bnd b1\" style=\"height:60px\"><span class=\"cx\">1001</span><span class=\"ds\">Turf and topsoil</span></div><div class=\"bnd b2\" style=\"height:76px\"><span class=\"cx\">1004</span><span class=\"ds\">Mid brown silty loam, frequent ceramic</span></div><div class=\"bnd b3\" style=\"height:96px\"><span class=\"cx\">1011</span><span class=\"ds\">Dark grey-brown fill, charcoal flecked</span></div><div class=\"bnd b4\" style=\"height:64px\"><span class=\"cx\">1019</span><span class=\"ds\">Yellow-brown sandy clay, occasional flint</span></div><div class=\"bnd b5\" style=\"height:88px\"><span class=\"cx\">1023</span><span class=\"ds\">Compact orange sand, natural</span></div><div class=\"bnd b6\" style=\"height:56px\"><span class=\"cx\">1027</span><span class=\"ds\">Cut, base not reached</span></div></div>\n<div class=\"lds\"><div class=\"ld\" style=\"top:82px\"><span class=\"line\"></span><span class=\"tag\">Rim sherd, everted · 0.18 m</span></div><div class=\"ld\" style=\"top:150px\"><span class=\"line\"></span><span class=\"tag\">Iron nail, square shank · 0.41 m</span></div><div class=\"ld\" style=\"top:232px\"><span class=\"line\"></span><span class=\"tag\">Flint flake, secondary · 0.86 m</span></div><div class=\"ld\" style=\"top:300px\"><span class=\"line\"></span><span class=\"tag\">Rim sherd, grog-tempered · 1.32 m</span></div></div></section>"
    },
    {
      "key": "matrix",
      "name": "Relationships",
      "html": "\n<section class=\"rl\"><span class=\"k\">Stratigraphic relationships</span>\n<div class=\"rw\"><span class=\"cx\">1004</span><span>is above</span><span class=\"cx\">1011</span><span class=\"nt2\">Clear horizon, no interface material</span></div>\n<div class=\"rw\"><span class=\"cx\">1011</span><span>fills</span><span class=\"cx\">1027</span><span class=\"nt2\">Fill of the cut, single episode</span></div>\n<div class=\"rw\"><span class=\"cx\">1027</span><span>cuts</span><span class=\"cx\">1019</span><span class=\"nt2\">Sharp break of slope at the north edge</span></div>\n<div class=\"rw\"><span class=\"cx\">1019</span><span>is above</span><span class=\"cx\">1023</span><span class=\"nt2\">Diffuse, bioturbated over 40 mm</span></div>\n</section>"
    },
    {
      "key": "photo",
      "name": "Section photograph",
      "html": "\n<figure class=\"ph\"><img src=\"{{ART section}}\" alt=\"{{ARTALT section}}\"><figcaption>Cleaned north face before drawing.<span class=\"sb\"><i></i>500 mm</span></figcaption></figure>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "excavation-section",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-02T01:49:17+09:00",
    "updatedAt": "2026-09-02T01:49:17+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/excavation-section.json",
  "structure": "A ticked depth ruler beside stacked context bands sized to their real thickness, with find leaders running out to labels at the right.",
  "html": "<div class=\"dz dz-excavation-section\" data-design=\"excavation-section\" data-theme=\"excavation\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Section header\">\n<header class=\"sh\"><div><span class=\"k\">Section drawing · trench DK-07, north face</span><h1>Contexts 1001 to 1027</h1></div><span class=\"mt mn\">DRAWN 12 MAR · SCALE 1:20 · DATUM 42.18 m OD</span></header></section>\n<section class=\"dz-mod\" data-mod=\"drawing\" aria-label=\"Stratigraphic column\">\n<section class=\"bd\"><aside class=\"rlr\"><span class=\"tick maj\" style=\"top:0\"></span><span class=\"lb\" style=\"top:2px\">0</span><span class=\"tick\" style=\"top:60px\"></span><span class=\"tick maj\" style=\"top:120px\"></span><span class=\"lb\" style=\"top:122px\">50</span><span class=\"tick\" style=\"top:180px\"></span><span class=\"tick maj\" style=\"top:240px\"></span><span class=\"lb\" style=\"top:242px\">100</span><span class=\"tick\" style=\"top:300px\"></span><span class=\"tick maj\" style=\"top:360px\"></span><span class=\"lb\" style=\"top:362px\">150</span><span class=\"tick\" style=\"top:420px\"></span></aside>\n<div class=\"col\"><div class=\"bnd b1\" style=\"height:60px\"><span class=\"cx\">1001</span><span class=\"ds\">Turf and topsoil</span></div><div class=\"bnd b2\" style=\"height:76px\"><span class=\"cx\">1004</span><span class=\"ds\">Mid brown silty loam, frequent ceramic</span></div><div class=\"bnd b3\" style=\"height:96px\"><span class=\"cx\">1011</span><span class=\"ds\">Dark grey-brown fill, charcoal flecked</span></div><div class=\"bnd b4\" style=\"height:64px\"><span class=\"cx\">1019</span><span class=\"ds\">Yellow-brown sandy clay, occasional flint</span></div><div class=\"bnd b5\" style=\"height:88px\"><span class=\"cx\">1023</span><span class=\"ds\">Compact orange sand, natural</span></div><div class=\"bnd b6\" style=\"height:56px\"><span class=\"cx\">1027</span><span class=\"ds\">Cut, base not reached</span></div></div>\n<div class=\"lds\"><div class=\"ld\" style=\"top:82px\"><span class=\"line\"></span><span class=\"tag\">Rim sherd, everted · 0.18 m</span></div><div class=\"ld\" style=\"top:150px\"><span class=\"line\"></span><span class=\"tag\">Iron nail, square shank · 0.41 m</span></div><div class=\"ld\" style=\"top:232px\"><span class=\"line\"></span><span class=\"tag\">Flint flake, secondary · 0.86 m</span></div><div class=\"ld\" style=\"top:300px\"><span class=\"line\"></span><span class=\"tag\">Rim sherd, grog-tempered · 1.32 m</span></div></div></section></section>\n<section class=\"dz-mod\" data-mod=\"matrix\" aria-label=\"Relationships\">\n<section class=\"rl\"><span class=\"k\">Stratigraphic relationships</span>\n<div class=\"rw\"><span class=\"cx\">1004</span><span>is above</span><span class=\"cx\">1011</span><span class=\"nt2\">Clear horizon, no interface material</span></div>\n<div class=\"rw\"><span class=\"cx\">1011</span><span>fills</span><span class=\"cx\">1027</span><span class=\"nt2\">Fill of the cut, single episode</span></div>\n<div class=\"rw\"><span class=\"cx\">1027</span><span>cuts</span><span class=\"cx\">1019</span><span class=\"nt2\">Sharp break of slope at the north edge</span></div>\n<div class=\"rw\"><span class=\"cx\">1019</span><span>is above</span><span class=\"cx\">1023</span><span class=\"nt2\">Diffuse, bioturbated over 40 mm</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"photo\" aria-label=\"Section photograph\">\n<figure class=\"ph\"><img src=\"https://designlookbook.dev/assets/img/excavation-section.webp\" alt=\"A cleaned section face showing bands of different soil\"><figcaption>Cleaned north face before drawing.<span class=\"sb\"><i></i>500 mm</span></figcaption></figure></section>\n</div>",
  "css": "\n.dz-excavation-section { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 22px 28px 28px; }\n.dz-excavation-section .k { text-transform: uppercase; letter-spacing: .15em; font-size: 10.5px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 10px; }\n.dz-excavation-section .mn { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; }\n.dz-excavation-section .sh { display: flex; align-items: flex-end; gap: 24px; padding-bottom: 14px; border-bottom: 1px solid var(--border); margin-bottom: 20px; }\n.dz-excavation-section h1 { font-family: var(--pv-display); font-weight: 700; font-size: 31px; line-height: 1.18; margin: 5px 0 0; }\n.dz-excavation-section .mt { color: var(--muted-foreground); margin-left: auto; font-size: 10.5px; text-transform: uppercase; letter-spacing: .15em; font-size: 10.5px; font-weight: 700; }\n.dz-excavation-section .bd { display: flex; gap: 0; margin-bottom: 24px; }\n\n.dz-excavation-section .rlr { width: 64px; border-right: 1px solid var(--border); position: relative; flex: none; }\n.dz-excavation-section .rlr .tick { position: absolute; left: 0; right: 0; border-top: 1px solid var(--border); }\n.dz-excavation-section .rlr .tick.maj { border-top-color: var(--muted-foreground); }\n.dz-excavation-section .rlr .lb { position: absolute; right: 8px; font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; font-size: 10.5px; color: var(--accent); }\n.dz-excavation-section .cx { color: var(--accent); font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; }\n.dz-excavation-section .rlr { min-height: 440px; }\n.dz-excavation-section .col { width: 300px; margin-left: 20px; }\n.dz-excavation-section .bnd { border: 1px solid var(--border); border-bottom: 0; padding: 8px 12px; box-sizing: border-box; }\n.dz-excavation-section .bnd:last-child { border-bottom: 1px solid var(--border); }\n.dz-excavation-section .b1 { background: color-mix(in oklab, var(--foreground) 8%, transparent); }\n.dz-excavation-section .b2 { background: color-mix(in oklab, var(--foreground) 14%, transparent); }\n.dz-excavation-section .b3 { background: color-mix(in oklab, var(--foreground) 22%, transparent); }\n.dz-excavation-section .b4 { background: color-mix(in oklab, var(--foreground) 11%, transparent); }\n.dz-excavation-section .b5 { background: color-mix(in oklab, var(--foreground) 6%, transparent); }\n.dz-excavation-section .b6 { background: var(--secondary); }\n.dz-excavation-section .ds { display: block; font-size: 13px; color: var(--muted-foreground); margin-top: 2px; }\n.dz-excavation-section .lds { position: relative; flex: 1; }\n.dz-excavation-section .ld { position: absolute; left: 0; right: 0; display: flex; align-items: center; gap: 8px; }\n.dz-excavation-section .line { width: 44px; height: 1px; background: var(--border); display: block; }\n.dz-excavation-section .tag { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; color: var(--muted-foreground); }\n.dz-excavation-section .rl { margin-bottom: 24px; }\n.dz-excavation-section .rw { display: grid; grid-template-columns: 70px 90px 70px 1fr; gap: 16px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 14.5px; }\n.dz-excavation-section .nt2 { color: var(--muted-foreground); font-size: 13.5px; }\n.dz-excavation-section .ph { margin: 0; max-width: 520px; }\n.dz-excavation-section .ph img { width: 100%; height: 300px; object-fit: cover; display: block; }\n.dz-excavation-section figcaption { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; color: var(--muted-foreground); margin-top: 8px; }\n\n.dz-excavation-section .sb { display: flex; align-items: center; gap: 6px; font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; font-size: 10px; color: var(--muted-foreground); margin-top: 6px; }\n.dz-excavation-section .sb i { height: 4px; width: 48px; background: linear-gradient(to right, var(--foreground) 0 25%, transparent 25% 50%, var(--foreground) 50% 75%, transparent 75% 100%); display: block; border: 1px solid var(--foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-excavation-section *, .dz-excavation-section *::before, .dz-excavation-section *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }\n",
  "requiredTheme": "/api/v1/themes/excavation.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600;700&family=Alegreya+Sans:wght@400;500;600;700&family=Fira+Mono:wght@400;500;600;700&display=swap"
}