{
  "id": "excavation-signon",
  "name": "Site Sign-On",
  "theme": "excavation",
  "category": "Auth & Onboarding",
  "description": "Signing on at the site hut, where the trench you are assigned to and the depth it currently stands at are stated before any credential is asked for.",
  "layout": "A trench photograph beside a form column that opens with an assignment block and a miniature ruler showing the current depth reached.",
  "modules": [
    {
      "key": "art",
      "name": "Trench photograph",
      "html": "\n<figure class=\"ar\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption>DK-07 at the end of the last working day.<span class=\"sb\"><i></i>1 m</span></figcaption></figure>"
    },
    {
      "key": "assign",
      "name": "Assignment block",
      "html": "\n<section class=\"as\"><span class=\"k\">You are on</span><h1>DK-07</h1><div class=\"wrap\"><aside class=\"rlr\"><span class=\"tick maj\" style=\"top:0\"></span><span class=\"lb\" style=\"top:2px\">0</span><span class=\"tick\" style=\"top:40px\"></span><span class=\"tick maj\" style=\"top:80px\"></span><span class=\"lb\" style=\"top:82px\">100</span><span class=\"hi\" style=\"top:0;height:130px\"></span><span class=\"tick\" style=\"top:130px\"></span></aside><div class=\"kv\"><div><span>Currently at</span><b class=\"cx\">1.62 m</b></div><div><span>Open context</span><b class=\"cx\">1027</b></div><div><span>Supervisor</span><b>A. Bekele</b></div><div><span>Grid</span><b class=\"mn\">N 4501 8904</b></div></div></div></section>"
    },
    {
      "key": "form",
      "name": "Sign-on form",
      "html": "\n<section class=\"fm\"><label><span class=\"k\">Name</span><input value=\"M. Reyes\"></label><label><span class=\"k\">MIOSA number</span><input class=\"mn\" value=\"4520\"></label><button class=\"pri\">Sign on to DK-07</button><p class=\"nt\">Everything you record today is stamped with your name, the context number and the depth. A find without a context number will be catalogued outside the sequence and will stay there.</p></section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "excavation-signon",
    "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-signon.json",
  "structure": "A trench photograph beside a form column that opens with an assignment block and a miniature ruler showing the current depth reached.",
  "html": "<div class=\"dz dz-excavation-signon\" data-design=\"excavation-signon\" data-theme=\"excavation\">\n<section class=\"dz-mod\" data-mod=\"art\" aria-label=\"Trench photograph\">\n<figure class=\"ar\"><img src=\"https://designlookbook.dev/assets/img/excavation-hero.webp\" alt=\"An open excavation trench with clean straight-cut edges\"><figcaption>DK-07 at the end of the last working day.<span class=\"sb\"><i></i>1 m</span></figcaption></figure></section>\n<section class=\"dz-mod\" data-mod=\"assign\" aria-label=\"Assignment block\">\n<section class=\"as\"><span class=\"k\">You are on</span><h1>DK-07</h1><div class=\"wrap\"><aside class=\"rlr\"><span class=\"tick maj\" style=\"top:0\"></span><span class=\"lb\" style=\"top:2px\">0</span><span class=\"tick\" style=\"top:40px\"></span><span class=\"tick maj\" style=\"top:80px\"></span><span class=\"lb\" style=\"top:82px\">100</span><span class=\"hi\" style=\"top:0;height:130px\"></span><span class=\"tick\" style=\"top:130px\"></span></aside><div class=\"kv\"><div><span>Currently at</span><b class=\"cx\">1.62 m</b></div><div><span>Open context</span><b class=\"cx\">1027</b></div><div><span>Supervisor</span><b>A. Bekele</b></div><div><span>Grid</span><b class=\"mn\">N 4501 8904</b></div></div></div></section></section>\n<section class=\"dz-mod\" data-mod=\"form\" aria-label=\"Sign-on form\">\n<section class=\"fm\"><label><span class=\"k\">Name</span><input value=\"M. Reyes\"></label><label><span class=\"k\">MIOSA number</span><input class=\"mn\" value=\"4520\"></label><button class=\"pri\">Sign on to DK-07</button><p class=\"nt\">Everything you record today is stamped with your name, the context number and the depth. A find without a context number will be catalogued outside the sequence and will stay there.</p></section></section>\n</div>",
  "css": "\n.dz-excavation-signon { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 1fr 400px; grid-template-rows: auto 1fr; min-height: 600px; }\n.dz-excavation-signon .k { text-transform: uppercase; letter-spacing: .15em; font-size: 10.5px; font-weight: 700; color: var(--muted-foreground); display: block; margin-bottom: 8px; }\n.dz-excavation-signon .mn { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; }\n.dz-excavation-signon .ar { grid-row: 1 / span 2; margin: 0; position: relative; }\n.dz-excavation-signon .ar img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.dz-excavation-signon figcaption { position: absolute; left: 20px; bottom: 20px; font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; color: var(--primary-foreground); }\n\n.dz-excavation-signon .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-signon .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.dz-excavation-signon .ar .sb { color: var(--primary-foreground); }\n.dz-excavation-signon .ar .sb i { border-color: var(--primary-foreground); background: linear-gradient(to right, var(--primary-foreground) 0 25%, transparent 25% 50%, var(--primary-foreground) 50% 75%, transparent 75% 100%); }\n.dz-excavation-signon .as { padding: 40px 26px 0; }\n.dz-excavation-signon h1 { font-family: var(--pv-display); font-weight: 700; font-size: 54px; line-height: 1.08; letter-spacing: -.02em; margin: 4px 0 18px; }\n.dz-excavation-signon .wrap { display: flex; gap: 20px; }\n\n.dz-excavation-signon .rlr { width: 64px; border-right: 1px solid var(--border); position: relative; flex: none; }\n.dz-excavation-signon .rlr .tick { position: absolute; left: 0; right: 0; border-top: 1px solid var(--border); }\n.dz-excavation-signon .rlr .tick.maj { border-top-color: var(--muted-foreground); }\n.dz-excavation-signon .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-signon .cx { color: var(--accent); font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; }\n.dz-excavation-signon .rlr { min-height: 150px; }\n.dz-excavation-signon .hi { position: absolute; left: 0; right: 0; background: color-mix(in oklab, var(--accent) 22%, transparent); }\n.dz-excavation-signon .kv { flex: 1; }\n.dz-excavation-signon .kv > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 14px; }\n.dz-excavation-signon .kv span { color: var(--muted-foreground); }\n.dz-excavation-signon .kv b { font-weight: 400; }\n.dz-excavation-signon .fm { padding: 24px 26px 26px; }\n.dz-excavation-signon label { display: block; margin-bottom: 14px; }\n.dz-excavation-signon input { display: block; width: 100%; box-sizing: border-box; background: var(--card); border: 1px solid var(--border); border-radius: 3px; color: var(--foreground); font: inherit; font-size: 15px; padding: 10px 12px; }\n.dz-excavation-signon input.mn { font-family: var(--pv-mono); font-size: 12.5px; letter-spacing: .01em; font-size: 14px; }\n.dz-excavation-signon input:focus { outline: none; border-color: var(--primary); }\n.dz-excavation-signon .pri { width: 100%; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 3px; padding: 12px; font: inherit; font-size: 15px; cursor: pointer; }\n.dz-excavation-signon .nt { font-size: 13.5px; line-height: 1.55; color: var(--muted-foreground); margin: 14px 0 0; }\n@media (prefers-reduced-motion: reduce) { .dz-excavation-signon *, .dz-excavation-signon *::before, .dz-excavation-signon *::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"
}