{
  "id": "studio-vellum-lookbook",
  "name": "Season Lookbook",
  "theme": "studio-vellum",
  "category": "Commerce",
  "description": "A season presented as six plates on an irregular grid, where the caption is a single line set in the margin beside the image, not underneath it.",
  "layout": "A twelve-column grid with each plate given a deliberately unequal span and vertical offset, so the page reads as a hand-arranged spread rather than a gallery.",
  "modules": [
    {
      "key": "title",
      "name": "Season title",
      "html": "\n<header class=\"sh\"><span class=\"k\">Autumn 2026</span><h1>Nine Winters</h1></header>"
    },
    {
      "key": "plates",
      "name": "Plate arrangement",
      "html": "\n<div class=\"pg\">\n  <figure class=\"p1\"><img src=\"{{ART figure}}\" alt=\"{{ARTALT figure}}\"><figcaption>01 · Drape, ivory</figcaption></figure>\n  <figure class=\"p2\"><img src=\"{{ART marble}}\" alt=\"{{ARTALT marble}}\"><figcaption>02 · Slab</figcaption></figure>\n  <figure class=\"p3\"><img src=\"{{ART gold}}\" alt=\"{{ARTALT gold}}\"><figcaption>03 · Leaf, applied</figcaption></figure>\n  <figure class=\"p4\"><img src=\"{{ART vellum}}\" alt=\"{{ARTALT vellum}}\"><figcaption>04 · Fold</figcaption></figure>\n  <figure class=\"p5\"><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption>05 · Cast, plinth</figcaption></figure>\n</div>"
    },
    {
      "key": "colophon",
      "name": "Credits",
      "html": "\n<footer class=\"cr\"><div><span class=\"k\">Photography</span><p>R. Castellanos</p></div><div><span class=\"k\">Set</span><p>Vellum</p></div><div><span class=\"k\">Printed</span><p>Hollow Press, 300 copies</p></div><div><span class=\"k\">Enquiries</span><p><a class=\"und\" href=\"#\">studio@vellum.example</a></p></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "studio-vellum-lookbook",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:47:06+09:00",
    "updatedAt": "2026-08-29T18:47:06+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/studio-vellum-lookbook.json",
  "structure": "A twelve-column grid with each plate given a deliberately unequal span and vertical offset, so the page reads as a hand-arranged spread rather than a gallery.",
  "html": "<div class=\"dz dz-studio-vellum-lookbook\" data-design=\"studio-vellum-lookbook\" data-theme=\"studio-vellum\">\n<section class=\"dz-mod\" data-mod=\"title\" aria-label=\"Season title\">\n<header class=\"sh\"><span class=\"k\">Autumn 2026</span><h1>Nine Winters</h1></header></section>\n<section class=\"dz-mod\" data-mod=\"plates\" aria-label=\"Plate arrangement\">\n<div class=\"pg\">\n  <figure class=\"p1\"><img src=\"https://designlookbook.dev/assets/img/studio-vellum-figure.webp\" alt=\"A draped figure in ivory fabric against a bone wall\"><figcaption>01 · Drape, ivory</figcaption></figure>\n  <figure class=\"p2\"><img src=\"https://designlookbook.dev/assets/img/studio-vellum-marble.webp\" alt=\"Ivory marble with a faint gold vein\"><figcaption>02 · Slab</figcaption></figure>\n  <figure class=\"p3\"><img src=\"https://designlookbook.dev/assets/img/studio-vellum-gold.webp\" alt=\"Torn gold leaf on an ivory ground\"><figcaption>03 · Leaf, applied</figcaption></figure>\n  <figure class=\"p4\"><img src=\"https://designlookbook.dev/assets/img/studio-vellum-vellum.webp\" alt=\"A folded sheet of ivory vellum resting on a dark slate surface\"><figcaption>04 · Fold</figcaption></figure>\n  <figure class=\"p5\"><img src=\"https://designlookbook.dev/assets/img/studio-vellum-hero.webp\" alt=\"A plaster cast in an ivory room with vast empty wall\"><figcaption>05 · Cast, plinth</figcaption></figure>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"colophon\" aria-label=\"Credits\">\n<footer class=\"cr\"><div><span class=\"k\">Photography</span><p>R. Castellanos</p></div><div><span class=\"k\">Set</span><p>Vellum</p></div><div><span class=\"k\">Printed</span><p>Hollow Press, 300 copies</p></div><div><span class=\"k\">Enquiries</span><p><a class=\"und\" href=\"#\">studio@vellum.example</a></p></div></footer></section>\n</div>",
  "css": "\n.dz-studio-vellum-lookbook { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 40px 44px 40px; }\n.dz-studio-vellum-lookbook .sh { margin-bottom: 34px; }\n.dz-studio-vellum-lookbook .k { font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-studio-vellum-lookbook .sh h1 { font-family: var(--pv-display); font-size: 62px; font-weight: 400; letter-spacing: -.03em; margin: 10px 0 0; }\n.dz-studio-vellum-lookbook .pg { display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px 24px; align-items: start; }\n.dz-studio-vellum-lookbook .pg figure { margin: 0; }\n.dz-studio-vellum-lookbook .pg img { width: 100%; display: block; object-fit: cover; filter: var(--img-filter); transition: filter var(--dur-slow) var(--ease); }\n.dz-studio-vellum-lookbook .pg figure:hover img { filter: none; }\n.dz-studio-vellum-lookbook .pg figcaption { margin-top: 9px; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-studio-vellum-lookbook .p1 { grid-column: 1 / 5; }\n.dz-studio-vellum-lookbook .p1 img { aspect-ratio: 3 / 4; }\n.dz-studio-vellum-lookbook .p2 { grid-column: 6 / 10; margin-top: 70px; }\n.dz-studio-vellum-lookbook .p2 img { aspect-ratio: 1; }\n.dz-studio-vellum-lookbook .p3 { grid-column: 10 / 13; }\n.dz-studio-vellum-lookbook .p3 img { aspect-ratio: 2 / 3; }\n.dz-studio-vellum-lookbook .p4 { grid-column: 2 / 6; margin-top: 40px; }\n.dz-studio-vellum-lookbook .p4 img { aspect-ratio: 4 / 3; }\n.dz-studio-vellum-lookbook .p5 { grid-column: 7 / 13; margin-top: 20px; }\n.dz-studio-vellum-lookbook .p5 img { aspect-ratio: 16 / 9; }\n.dz-studio-vellum-lookbook .cr { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; margin-top: 50px; padding-top: 20px; border-top: var(--pv-bw) solid var(--border); }\n.dz-studio-vellum-lookbook .cr p { margin: 6px 0 0; font-size: 14px; }\n.dz-studio-vellum-lookbook .und { color: var(--foreground); text-decoration: none; padding-bottom: 3px; background-image: linear-gradient(var(--primary), var(--primary)); background-size: 0 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size var(--dur-slow) var(--ease); }\n.dz-studio-vellum-lookbook .und:hover { background-size: 100% 1px; }\n@media (prefers-reduced-motion: reduce) { .dz-studio-vellum-lookbook *, .dz-studio-vellum-lookbook *::before, .dz-studio-vellum-lookbook *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/studio-vellum.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap"
}