{
  "id": "kiln-clay-maker",
  "name": "Maker Profile",
  "theme": "kiln-clay",
  "category": "Profile & Social",
  "description": "A maker page where the work is a masonry wall of unequal tiles and the biography is short enough that people will actually read it.",
  "layout": "A masonry column layout using CSS columns so tiles keep their natural aspect ratios, with the biography pinned as a sunken panel that overlaps the top of the wall.",
  "modules": [
    {
      "key": "bio",
      "name": "Biography",
      "html": "\n<header class=\"bi\"><div class=\"av\"><img src=\"{{ART hands}}\" alt=\"{{ARTALT hands}}\"></div>\n<div><span class=\"k\">Maker · Marsh Lane</span><h1>Yumi Sandoval-Reyes</h1>\n<p>Throws wide, glazes thin, fires hard. Nine years at Marsh Lane, the last four running the reduction kiln. Teaches Thursday evenings and will tell you your bowl is too heavy.</p>\n<div class=\"mt\"><span><b>214</b>firings</span><span><b>1,880</b>pieces</span><span><b>4</b>years teaching</span></div></div></header>"
    },
    {
      "key": "wall",
      "name": "Work wall",
      "html": "\n<section class=\"wl\">\n  <figure><img src=\"{{ART glaze}}\" alt=\"{{ARTALT glaze}}\"><figcaption><b>Plum bowl, wide</b><span class=\"p\">£128</span></figcaption></figure>\n  <figure><img src=\"{{ART swatch}}\" alt=\"{{ARTALT swatch}}\"><figcaption><b>Test tile set</b><span class=\"p\">Not for sale</span></figcaption></figure>\n  <figure><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption><b>Umber jug</b><span class=\"p\">£92</span></figcaption></figure>\n  <figure><img src=\"{{ART kiln}}\" alt=\"{{ARTALT kiln}}\"><figcaption><b>Firing 214, opened</b><span class=\"p\">Journal</span></figcaption></figure>\n  <figure><img src=\"{{ART hands}}\" alt=\"{{ARTALT hands}}\"><figcaption><b>Thursday class</b><span class=\"p\">Book</span></figcaption></figure>\n</section>"
    },
    {
      "key": "contact",
      "name": "Contact bar",
      "html": "\n<footer class=\"ct\"><span class=\"k\">Commissions</span><p>Open for two commissions a quarter. Dinner sets take about four months.</p><button type=\"button\" class=\"go\">Ask about a commission</button></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "kiln-clay-maker",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T19:50:29+09:00",
    "updatedAt": "2026-09-01T19:50:29+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/kiln-clay-maker.json",
  "structure": "A masonry column layout using CSS columns so tiles keep their natural aspect ratios, with the biography pinned as a sunken panel that overlaps the top of the wall.",
  "html": "<div class=\"dz dz-kiln-clay-maker\" data-design=\"kiln-clay-maker\" data-theme=\"kiln-clay\">\n<section class=\"dz-mod\" data-mod=\"bio\" aria-label=\"Biography\">\n<header class=\"bi\"><div class=\"av\"><img src=\"https://designlookbook.dev/assets/img/kiln-clay-hands.webp\" alt=\"Clay-covered hands shaping a vessel on a wheel\"></div>\n<div><span class=\"k\">Maker · Marsh Lane</span><h1>Yumi Sandoval-Reyes</h1>\n<p>Throws wide, glazes thin, fires hard. Nine years at Marsh Lane, the last four running the reduction kiln. Teaches Thursday evenings and will tell you your bowl is too heavy.</p>\n<div class=\"mt\"><span><b>214</b>firings</span><span><b>1,880</b>pieces</span><span><b>4</b>years teaching</span></div></div></header></section>\n<section class=\"dz-mod\" data-mod=\"wall\" aria-label=\"Work wall\">\n<section class=\"wl\">\n  <figure><img src=\"https://designlookbook.dev/assets/img/kiln-clay-glaze.webp\" alt=\"A plum glaze pooling in the base of a shallow bowl\"><figcaption><b>Plum bowl, wide</b><span class=\"p\">£128</span></figcaption></figure>\n  <figure><img src=\"https://designlookbook.dev/assets/img/kiln-clay-swatch.webp\" alt=\"Test tiles showing clay glazes from ochre to plum\"><figcaption><b>Test tile set</b><span class=\"p\">Not for sale</span></figcaption></figure>\n  <figure><img src=\"https://designlookbook.dev/assets/img/kiln-clay-hero.webp\" alt=\"Unfired clay vessels drying on a wooden board\"><figcaption><b>Umber jug</b><span class=\"p\">£92</span></figcaption></figure>\n  <figure><img src=\"https://designlookbook.dev/assets/img/kiln-clay-kiln.webp\" alt=\"The open door of a kiln with warm shelves inside\"><figcaption><b>Firing 214, opened</b><span class=\"p\">Journal</span></figcaption></figure>\n  <figure><img src=\"https://designlookbook.dev/assets/img/kiln-clay-hands.webp\" alt=\"Clay-covered hands shaping a vessel on a wheel\"><figcaption><b>Thursday class</b><span class=\"p\">Book</span></figcaption></figure>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"contact\" aria-label=\"Contact bar\">\n<footer class=\"ct\"><span class=\"k\">Commissions</span><p>Open for two commissions a quarter. Dinner sets take about four months.</p><button type=\"button\" class=\"go\">Ask about a commission</button></footer></section>\n</div>",
  "css": "\n.dz-kiln-clay-maker { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 0 32px 36px; }\n.dz-kiln-clay-maker .bi { background: var(--card); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius); display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 26px; padding: 26px; margin: 30px 0 26px; }\n.dz-kiln-clay-maker .av { border-radius: var(--pv-radius-md); overflow: hidden; }\n.dz-kiln-clay-maker .av img { width: 132px; height: 132px; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-kiln-clay-maker .k { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-kiln-clay-maker .bi h1 { font-family: var(--pv-display); font-size: 38px; font-weight: 600; margin: 8px 0 10px; }\n.dz-kiln-clay-maker .bi p { font-size: 15.5px; line-height: 1.6; color: var(--muted-foreground); margin: 0 0 16px; max-width: 60ch; }\n.dz-kiln-clay-maker .mt { display: flex; gap: 30px; }\n.dz-kiln-clay-maker .mt span { display: flex; flex-direction: column; gap: 3px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-kiln-clay-maker .mt b { font-family: var(--pv-mono); font-size: 24px; color: var(--foreground); letter-spacing: 0; }\n.dz-kiln-clay-maker .wl { columns: 3; column-gap: 22px; }\n.dz-kiln-clay-maker .wl figure { break-inside: avoid; margin: 0 0 22px; }\n.dz-kiln-clay-maker .wl img { width: 100%; display: block; border-radius: var(--pv-radius-md); filter: var(--img-filter); }\n.dz-kiln-clay-maker .wl figure:nth-child(1) img { aspect-ratio: 4 / 5; object-fit: cover; }\n.dz-kiln-clay-maker .wl figure:nth-child(2) img { aspect-ratio: 1; object-fit: cover; }\n.dz-kiln-clay-maker .wl figure:nth-child(3) img { aspect-ratio: 3 / 4; object-fit: cover; }\n.dz-kiln-clay-maker .wl figure:nth-child(4) img { aspect-ratio: 16 / 10; object-fit: cover; }\n.dz-kiln-clay-maker .wl figure:nth-child(5) img { aspect-ratio: 4 / 3; object-fit: cover; }\n.dz-kiln-clay-maker .wl figcaption { display: flex; justify-content: space-between; align-items: baseline; padding-top: 9px; }\n.dz-kiln-clay-maker .wl b { font-family: var(--pv-display); font-size: 16px; font-weight: 600; }\n.dz-kiln-clay-maker .p { font-family: var(--pv-mono); font-size: 12.5px; color: var(--primary); }\n.dz-kiln-clay-maker .ct { background: var(--card); border: var(--pv-bw) solid var(--border); border-radius: var(--pv-radius); display: flex; align-items: center; gap: 22px; padding: 20px 26px; position: relative; }\n.dz-kiln-clay-maker .ct::before { content: \"\"; position: absolute; left: 0; top: 20px; bottom: 20px; width: 3px; background: var(--accent); }\n.dz-kiln-clay-maker .ct p { flex: 1; font-size: 15px; color: var(--muted-foreground); margin: 0; }\n.dz-kiln-clay-maker .go { font: inherit; font-size: 14.5px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: var(--pv-radius-md); padding: 12px 22px; cursor: pointer; }\n@media (prefers-reduced-motion: reduce) { .dz-kiln-clay-maker *, .dz-kiln-clay-maker *::before, .dz-kiln-clay-maker *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/kiln-clay.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Karla:wght@400;500;600;700&family=Space+Mono:wght@400;500;600;700&display=swap"
}