{
  "id": "drafting-room-practice",
  "name": "Practice Front",
  "theme": "drafting-room",
  "category": "Landing",
  "description": "A practice front page that presents the studio as a set of dimensioned facts rather than a mood board, ending in a title block instead of a footer.",
  "layout": "A dimensioned hero with the practice name measured beneath it, a three-column capability set, and the site’s own title block as the footer.",
  "modules": [
    {
      "key": "hero",
      "name": "Measured hero",
      "html": "\n<header class=\"mh\"><figure><img src=\"{{ART model}}\" alt=\"{{ARTALT model}}\"></figure><div class=\"dim\"><span>Kilcarn Depot — 18,400 mm across the north elevation</span></div>\n<h1>Vestergaard<br>&amp; Castellanos</h1><p class=\"dk\">Architects and technical designers. We work on infrastructure buildings — depots, substations, pumping stations — where the drawing is the deliverable and the building is the consequence.</p></header>"
    },
    {
      "key": "caps",
      "name": "Capability set",
      "html": "\n<section class=\"cs\">\n  <div><span class=\"k\">01</span><h2>Technical design</h2><p>Full production information to RIBA Stage 4, coordinated in a federated model and issued as drawings because that is what gets built from.</p></div>\n  <div><span class=\"k\">02</span><h2>Specification</h2><p>Written clause by clause against the drawing, not assembled from a library. Every clause states its tolerance and its cross-references.</p></div>\n  <div><span class=\"k\">03</span><h2>Construction support</h2><p>Instructions, revisions and site queries answered in under two working days, with the revision chain kept public to the whole project.</p></div>\n</section>"
    },
    {
      "key": "numbers",
      "name": "Practice numbers",
      "html": "\n<section class=\"pn\">\n  <div><b class=\"n\">412</b><span class=\"k\">Drawings issued this year</span></div>\n  <div><b class=\"n\">1.4 d</b><span class=\"k\">Median query turnaround</span></div>\n  <div><b class=\"n\">11</b><span class=\"k\">People</span></div>\n  <div><b class=\"n\">2009</b><span class=\"k\">Founded</span></div>\n</section>"
    },
    {
      "key": "title",
      "name": "Title block",
      "html": "\n<footer class=\"tb\"><div><span class=\"k\">Practice</span><b>Vestergaard &amp; Castellanos</b></div><div><span class=\"k\">Sheet</span><b class=\"n\">WEB-001</b></div><div><span class=\"k\">Scale</span><b class=\"n\">1:1</b></div><div><span class=\"k\">Revision</span><b class=\"n\">F</b></div><div><span class=\"k\">Drawn</span><b>The practice</b></div><div><span class=\"k\">Date</span><b class=\"n\">11.06.2026</b></div></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": true,
  "meta": {
    "id": "drafting-room-practice",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T23:51:44+09:00",
    "updatedAt": "2026-09-01T23:51:44+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/drafting-room-practice.json",
  "structure": "A dimensioned hero with the practice name measured beneath it, a three-column capability set, and the site’s own title block as the footer.",
  "html": "<div class=\"dz dz-drafting-room-practice\" data-design=\"drafting-room-practice\" data-theme=\"drafting-room\">\n<section class=\"dz-mod\" data-mod=\"hero\" aria-label=\"Measured hero\">\n<header class=\"mh\"><figure><img src=\"https://designlookbook.dev/assets/img/drafting-room-model.webp\" alt=\"A white card architectural model under raking light\"></figure><div class=\"dim\"><span>Kilcarn Depot — 18,400 mm across the north elevation</span></div>\n<h1>Vestergaard<br>&amp; Castellanos</h1><p class=\"dk\">Architects and technical designers. We work on infrastructure buildings — depots, substations, pumping stations — where the drawing is the deliverable and the building is the consequence.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"caps\" aria-label=\"Capability set\">\n<section class=\"cs\">\n  <div><span class=\"k\">01</span><h2>Technical design</h2><p>Full production information to RIBA Stage 4, coordinated in a federated model and issued as drawings because that is what gets built from.</p></div>\n  <div><span class=\"k\">02</span><h2>Specification</h2><p>Written clause by clause against the drawing, not assembled from a library. Every clause states its tolerance and its cross-references.</p></div>\n  <div><span class=\"k\">03</span><h2>Construction support</h2><p>Instructions, revisions and site queries answered in under two working days, with the revision chain kept public to the whole project.</p></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"numbers\" aria-label=\"Practice numbers\">\n<section class=\"pn\">\n  <div><b class=\"n\">412</b><span class=\"k\">Drawings issued this year</span></div>\n  <div><b class=\"n\">1.4 d</b><span class=\"k\">Median query turnaround</span></div>\n  <div><b class=\"n\">11</b><span class=\"k\">People</span></div>\n  <div><b class=\"n\">2009</b><span class=\"k\">Founded</span></div>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"title\" aria-label=\"Title block\">\n<footer class=\"tb\"><div><span class=\"k\">Practice</span><b>Vestergaard &amp; Castellanos</b></div><div><span class=\"k\">Sheet</span><b class=\"n\">WEB-001</b></div><div><span class=\"k\">Scale</span><b class=\"n\">1:1</b></div><div><span class=\"k\">Revision</span><b class=\"n\">F</b></div><div><span class=\"k\">Drawn</span><b>The practice</b></div><div><span class=\"k\">Date</span><b class=\"n\">11.06.2026</b></div></footer></section>\n</div>",
  "css": "\n.dz-drafting-room-practice { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 32px; }\n.dz-drafting-room-practice .k { text-transform: uppercase; letter-spacing: .18em; font-size: 10px; font-weight: 600; color: var(--muted-foreground); display: block; }\n.dz-drafting-room-practice .n { font-family: var(--pv-mono); font-variant-numeric: tabular-nums; font-size: 12px; }\n.dz-drafting-room-practice .mh figure { margin: 0; border: 1px solid var(--primary); }\n.dz-drafting-room-practice .mh img { width: 100%; height: 320px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-drafting-room-practice .dim { position: relative; height: 22px; margin-top: 8px;\n  background: linear-gradient(var(--primary), var(--primary)) center/100% 1px no-repeat; margin-bottom: 22px; }\n.dz-drafting-room-practice .dim::before, .dz-drafting-room-practice .dim::after { content: \"\"; position: absolute; top: 0; bottom: 0; width: 1px; background: var(--primary); opacity: .55; }\n.dz-drafting-room-practice .dim::before { left: 0; }\n.dz-drafting-room-practice .dim::after { right: 0; }\n.dz-drafting-room-practice .dim span { position: absolute; left: 50%; top: 2px; transform: translateX(-50%); background: var(--background); padding: 0 10px; font-family: var(--pv-mono); font-variant-numeric: tabular-nums; font-size: 12px; color: var(--primary); }\n.dz-drafting-room-practice h1 { font-family: var(--pv-display); font-weight: 600; letter-spacing: -.02em; font-size: 50px; line-height: 1.06; margin: 0 0 14px; }\n.dz-drafting-room-practice .dk { margin: 0 0 30px; font-size: 15.5px; line-height: 1.62; max-width: 68ch; }\n.dz-drafting-room-practice .cs { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--primary); border-bottom: 1px solid var(--primary); }\n.dz-drafting-room-practice .cs div { padding: 22px 24px 22px 0; border-right: 1px solid var(--border); }\n.dz-drafting-room-practice .cs div:last-child { border-right: 0; padding-right: 0; }\n.dz-drafting-room-practice .cs h2 { font-family: var(--pv-display); font-weight: 600; letter-spacing: -.02em; font-size: 18px; margin: 8px 0 8px; }\n.dz-drafting-room-practice .cs p { margin: 0; font-size: 14px; line-height: 1.6; }\n.dz-drafting-room-practice .pn { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-bottom: 1px solid var(--primary); }\n.dz-drafting-room-practice .pn div { padding: 20px 0; border-right: 1px solid var(--border); padding-right: 20px; }\n.dz-drafting-room-practice .pn div:last-child { border-right: 0; }\n.dz-drafting-room-practice .pn b { display: block; font-family: var(--pv-mono); font-size: 34px; margin-bottom: 5px; }\n.dz-drafting-room-practice .tb { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--primary); margin-top: 26px; margin-left: auto; width: 520px; }\n.dz-drafting-room-practice .tb div { padding: 9px 12px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n.dz-drafting-room-practice .tb div:nth-child(3n) { border-right: 0; }\n.dz-drafting-room-practice .tb div:nth-last-child(-n+3) { border-bottom: 0; }\n.dz-drafting-room-practice .tb b { font-size: 13px; }\n",
  "requiredTheme": "/api/v1/themes/drafting-room.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Saira:wght@400;500;600;700&family=Be+Vietnam+Pro:wght@400;500;600;700&family=Fira+Code:wght@400;500;600;700&display=swap"
}