{
  "id": "pearl-atelier-maker",
  "name": "Maker Page",
  "theme": "pearl-atelier",
  "category": "Profile & Social",
  "description": "A page about one of the three people who make the clothes, with the portrait masked into an arch and the record of work as a plain pill-ruled list.",
  "layout": "A 340px arch portrait pinned left with the biography beside it, and a full-width list of finished pieces below where each row is a pill card rather than a table row.",
  "modules": [
    {
      "key": "portrait",
      "name": "Portrait",
      "html": "\n<figure class=\"pt\"><img src=\"{{ART arch}}\" alt=\"{{ARTALT arch}}\"><figcaption>In the atelier, Thursday.</figcaption></figure>"
    },
    {
      "key": "bio",
      "name": "Biography",
      "html": "\n<div class=\"bi\"><span class=\"k\">Maker · since 2018</span><h1>Yumi Sandoval-Reyes</h1>\n<p>Trained in Kyoto and Antwerp, which is a combination that shows in the seams. Makes the coats, all of them, and will not let anyone else near a collar.</p>\n<p>Takes one apprentice at a time and is currently taking none.</p>\n<div class=\"mt\"><span><b>184</b><em>pieces</em></span><span><b>8</b><em>years here</em></span><span><b>1</b><em>machine she trusts</em></span></div></div>"
    },
    {
      "key": "work",
      "name": "Finished work",
      "html": "\n<section class=\"wk\"><h2 class=\"k\">Finished this year</h2>\n<ol>\n  <li><figure><img src=\"{{ART thread}}\" alt=\"{{ARTALT thread}}\"></figure><div><b>The Marsh coat</b><span class=\"m\">Rose wool · for A. Kowalczyk-Reid</span></div><span class=\"d\">August</span></li>\n  <li><figure><img src=\"{{ART pins}}\" alt=\"{{ARTALT pins}}\"></figure><div><b>The Marsh coat</b><span class=\"m\">Undyed · for R. Vandermeer-Osei</span></div><span class=\"d\">July</span></li>\n  <li><figure><img src=\"{{ART swatch}}\" alt=\"{{ARTALT swatch}}\"></figure><div><b>The Kilbride jacket</b><span class=\"m\">Linen · for P. Ashworth-Blake</span></div><span class=\"d\">July</span></li>\n  <li><figure><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"></figure><div><b>The one dress</b><span class=\"m\">Silk crêpe · for I. Okonkwo</span></div><span class=\"d\">June</span></li>\n</ol></section>"
    },
    {
      "key": "book",
      "name": "Booking line",
      "html": "\n<footer class=\"bk\"><div><span class=\"k\">Fittings with Yumi</span><p>Tuesdays and Thursdays. The waiting list for a coat is currently eleven weeks.</p></div><button type=\"button\" class=\"go\">Ask about a fitting</button></footer>"
    }
  ],
  "moduleCount": 4,
  "reorderable": false,
  "meta": {
    "id": "pearl-atelier-maker",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-09-01T20:10:44+09:00",
    "updatedAt": "2026-09-01T20:10:44+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/pearl-atelier-maker.json",
  "structure": "A 340px arch portrait pinned left with the biography beside it, and a full-width list of finished pieces below where each row is a pill card rather than a table row.",
  "html": "<div class=\"dz dz-pearl-atelier-maker\" data-design=\"pearl-atelier-maker\" data-theme=\"pearl-atelier\">\n<section class=\"dz-mod\" data-mod=\"portrait\" aria-label=\"Portrait\">\n<figure class=\"pt\"><img src=\"https://designlookbook.dev/assets/img/pearl-atelier-arch.webp\" alt=\"A dress form in a pale rose atelier\"><figcaption>In the atelier, Thursday.</figcaption></figure></section><section class=\"dz-mod\" data-mod=\"bio\" aria-label=\"Biography\">\n<div class=\"bi\"><span class=\"k\">Maker · since 2018</span><h1>Yumi Sandoval-Reyes</h1>\n<p>Trained in Kyoto and Antwerp, which is a combination that shows in the seams. Makes the coats, all of them, and will not let anyone else near a collar.</p>\n<p>Takes one apprentice at a time and is currently taking none.</p>\n<div class=\"mt\"><span><b>184</b><em>pieces</em></span><span><b>8</b><em>years here</em></span><span><b>1</b><em>machine she trusts</em></span></div></div></section><section class=\"dz-mod\" data-mod=\"work\" aria-label=\"Finished work\">\n<section class=\"wk\"><h2 class=\"k\">Finished this year</h2>\n<ol>\n  <li><figure><img src=\"https://designlookbook.dev/assets/img/pearl-atelier-thread.webp\" alt=\"Spools of thread in rose tones with one viridian\"></figure><div><b>The Marsh coat</b><span class=\"m\">Rose wool · for A. Kowalczyk-Reid</span></div><span class=\"d\">August</span></li>\n  <li><figure><img src=\"https://designlookbook.dev/assets/img/pearl-atelier-pins.webp\" alt=\"Pins pushed into a rose cushion in a loose arc\"></figure><div><b>The Marsh coat</b><span class=\"m\">Undyed · for R. Vandermeer-Osei</span></div><span class=\"d\">July</span></li>\n  <li><figure><img src=\"https://designlookbook.dev/assets/img/pearl-atelier-swatch.webp\" alt=\"Fabric swatches fanned from blush to deep rose\"></figure><div><b>The Kilbride jacket</b><span class=\"m\">Linen · for P. Ashworth-Blake</span></div><span class=\"d\">July</span></li>\n  <li><figure><img src=\"https://designlookbook.dev/assets/img/pearl-atelier-hero.webp\" alt=\"Rose-coloured fabric draped against a rose wall with one green thread\"></figure><div><b>The one dress</b><span class=\"m\">Silk crêpe · for I. Okonkwo</span></div><span class=\"d\">June</span></li>\n</ol></section></section><section class=\"dz-mod\" data-mod=\"book\" aria-label=\"Booking line\">\n<footer class=\"bk\"><div><span class=\"k\">Fittings with Yumi</span><p>Tuesdays and Thursdays. The waiting list for a coat is currently eleven weeks.</p></div><button type=\"button\" class=\"go\">Ask about a fitting</button></footer></section>\n</div>",
  "css": "\n.dz-pearl-atelier-maker { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 340px minmax(0, 1fr); column-gap: 44px; padding: 36px 36px 40px; align-content: start; }\n.dz-pearl-atelier-maker .pt { margin: 0; }\n.dz-pearl-atelier-maker .pt img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; border-radius: 999px 999px 24px 24px; filter: var(--img-filter); }\n.dz-pearl-atelier-maker .pt figcaption { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); padding-top: 12px; }\n.dz-pearl-atelier-maker .k { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); display: block; }\n.dz-pearl-atelier-maker .bi { align-self: center; }\n.dz-pearl-atelier-maker .bi h1 { font-family: var(--pv-display); font-size: 46px; font-weight: 500; margin: 10px 0 16px; }\n.dz-pearl-atelier-maker .bi p { font-size: 16.5px; line-height: 1.66; color: var(--muted-foreground); margin: 0 0 14px; max-width: 56ch; }\n.dz-pearl-atelier-maker .mt { display: flex; gap: 34px; padding-top: 12px; }\n.dz-pearl-atelier-maker .mt span { display: flex; flex-direction: column; gap: 2px; }\n.dz-pearl-atelier-maker .mt b { font-family: var(--pv-mono); font-size: 30px; color: var(--primary); }\n.dz-pearl-atelier-maker .mt em { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); font-style: normal; }\n.dz-pearl-atelier-maker .wk { grid-column: 1 / -1; padding-top: 40px; }\n.dz-pearl-atelier-maker .wk ol { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }\n.dz-pearl-atelier-maker .wk li { background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 18px 44px -26px color-mix(in srgb, var(--accent) 55%, transparent); border-radius: 999px; display: grid; grid-template-columns: 64px minmax(0, 1fr) 90px; align-items: center; gap: 20px; padding: 10px 26px 10px 10px; transition: transform var(--dur-slow) var(--ease); }\n.dz-pearl-atelier-maker .wk li:hover { transform: translateX(4px); }\n.dz-pearl-atelier-maker .wk figure { margin: 0; }\n.dz-pearl-atelier-maker .wk img { width: 64px; height: 64px; object-fit: cover; display: block; border-radius: 999px; filter: var(--img-filter); }\n.dz-pearl-atelier-maker .wk b { display: block; font-family: var(--pv-display); font-size: 21px; font-weight: 500; }\n.dz-pearl-atelier-maker .m { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-pearl-atelier-maker .d { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); text-align: right; }\n.dz-pearl-atelier-maker .bk { grid-column: 1 / -1; background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 18px 44px -26px color-mix(in srgb, var(--accent) 55%, transparent); border-radius: 999px; display: flex; align-items: center; gap: 30px; padding: 20px 26px 20px 34px; margin-top: 26px; }\n.dz-pearl-atelier-maker .bk p { font-size: 15px; line-height: 1.55; color: var(--muted-foreground); margin: 6px 0 0; }\n.dz-pearl-atelier-maker .go { font: inherit; font-size: 14.5px; background: var(--primary); color: var(--primary-foreground); border: 0; border-radius: 999px; padding: 14px 28px; cursor: pointer; white-space: nowrap; }\n@media (prefers-reduced-motion: reduce) { .dz-pearl-atelier-maker *, .dz-pearl-atelier-maker *::before, .dz-pearl-atelier-maker *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/pearl-atelier.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Jost:wght@400;500;600;700&family=DM+Mono:wght@400;500;600;700&display=swap"
}