{
  "id": "pearl-atelier-services",
  "name": "Service Pricing",
  "theme": "pearl-atelier",
  "category": "Pricing",
  "description": "Alteration and commission prices as three pill cards where the lead time is set larger than the fee, because the wait is what people decide on.",
  "layout": "Three fully rounded cards of equal height in one row, with the lead time as the biggest element in each and the fee demoted to a line beneath it.",
  "modules": [
    {
      "key": "head",
      "name": "Header",
      "html": "\n<header class=\"hd\"><span class=\"k\">Atelier services</span><h1>What we can do, and how long it takes</h1><p>Prices are for work on garments we made. We take outside pieces only where we can see the maker's hand in them.</p></header>"
    },
    {
      "key": "cards",
      "name": "Service cards",
      "html": "\n<section class=\"cd\">\n  <article><span class=\"k\">Alterations</span><b class=\"tm\">2 weeks</b><span class=\"fe\">from £60</span><ul><li>Hem and sleeve length</li><li>Waist and seat</li><li>Shoulder adjustment</li><li>One fitting included</li></ul><button type=\"button\">Book</button></article>\n  <article class=\"mid\"><span class=\"k\">Made to order</span><b class=\"tm\">4–6 weeks</b><span class=\"fe\">from £780</span><ul><li>Two fittings, sometimes three</li><li>Cloth chosen with you</li><li>Maker named on the label</li><li>30% deposit, balance on despatch</li></ul><button type=\"button\" class=\"go\">Begin</button></article>\n  <article><span class=\"k\">Commission</span><b class=\"tm\">3–5 months</b><span class=\"fe\">from £2,400</span><ul><li>A pattern made for you</li><li>Four fittings</li><li>Cloth sourced to a brief</li><li>The pattern is kept and is yours</li></ul><button type=\"button\">Enquire</button></article>\n</section>"
    },
    {
      "key": "note",
      "name": "Note",
      "html": "\n<footer class=\"nt\"><p>We are honest about the queue. If a date matters, tell us at the first conversation rather than the third — most of the time we can say yes, and when we cannot we would rather say so early.</p></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "pearl-atelier-services",
    "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-services.json",
  "structure": "Three fully rounded cards of equal height in one row, with the lead time as the biggest element in each and the fee demoted to a line beneath it.",
  "html": "<div class=\"dz dz-pearl-atelier-services\" data-design=\"pearl-atelier-services\" data-theme=\"pearl-atelier\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Header\">\n<header class=\"hd\"><span class=\"k\">Atelier services</span><h1>What we can do, and how long it takes</h1><p>Prices are for work on garments we made. We take outside pieces only where we can see the maker's hand in them.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"cards\" aria-label=\"Service cards\">\n<section class=\"cd\">\n  <article><span class=\"k\">Alterations</span><b class=\"tm\">2 weeks</b><span class=\"fe\">from £60</span><ul><li>Hem and sleeve length</li><li>Waist and seat</li><li>Shoulder adjustment</li><li>One fitting included</li></ul><button type=\"button\">Book</button></article>\n  <article class=\"mid\"><span class=\"k\">Made to order</span><b class=\"tm\">4–6 weeks</b><span class=\"fe\">from £780</span><ul><li>Two fittings, sometimes three</li><li>Cloth chosen with you</li><li>Maker named on the label</li><li>30% deposit, balance on despatch</li></ul><button type=\"button\" class=\"go\">Begin</button></article>\n  <article><span class=\"k\">Commission</span><b class=\"tm\">3–5 months</b><span class=\"fe\">from £2,400</span><ul><li>A pattern made for you</li><li>Four fittings</li><li>Cloth sourced to a brief</li><li>The pattern is kept and is yours</li></ul><button type=\"button\">Enquire</button></article>\n</section></section>\n<section class=\"dz-mod\" data-mod=\"note\" aria-label=\"Note\">\n<footer class=\"nt\"><p>We are honest about the queue. If a date matters, tell us at the first conversation rather than the third — most of the time we can say yes, and when we cannot we would rather say so early.</p></footer></section>\n</div>",
  "css": "\n.dz-pearl-atelier-services { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 36px 36px 40px; }\n.dz-pearl-atelier-services .hd { text-align: center; max-width: 60ch; margin: 0 auto 32px; }\n.dz-pearl-atelier-services .k { font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); display: block; }\n.dz-pearl-atelier-services .hd h1 { font-family: var(--pv-display); font-size: 44px; font-weight: 500; line-height: 1.1; margin: 12px 0 12px; }\n.dz-pearl-atelier-services .hd p { font-size: 16px; line-height: 1.62; color: var(--muted-foreground); margin: 0; }\n.dz-pearl-atelier-services .cd { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; align-items: stretch; }\n.dz-pearl-atelier-services .cd article { background: var(--card); border-radius: var(--pv-radius); box-shadow: 0 18px 44px -26px color-mix(in srgb, var(--accent) 55%, transparent); border-radius: 240px 240px 40px 40px; padding: 44px 30px 30px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }\n.dz-pearl-atelier-services .mid { box-shadow: 0 26px 60px -28px color-mix(in srgb, var(--primary) 60%, transparent); }\n.dz-pearl-atelier-services .tm { font-family: var(--pv-display); font-size: 42px; font-weight: 500; line-height: 1.05; }\n.dz-pearl-atelier-services .fe { font-family: var(--pv-mono); font-size: 14px; color: var(--accent); }\n.dz-pearl-atelier-services .cd ul { list-style: none; margin: 20px 0 22px; padding: 0; flex: 1; width: 100%; }\n.dz-pearl-atelier-services .cd li { font-size: 14px; color: var(--muted-foreground); padding: 8px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-pearl-atelier-services .cd li:last-child { border-bottom: 0; }\n.dz-pearl-atelier-services .cd button { font: inherit; font-size: 14.5px; width: 100%; background: transparent; color: var(--foreground); border: var(--pv-bw) solid var(--border); border-radius: 999px; padding: 13px; cursor: pointer; transition: all var(--dur-slow) var(--ease); }\n.dz-pearl-atelier-services .cd button:hover { border-color: var(--primary); }\n.dz-pearl-atelier-services .go { background: var(--primary) !important; color: var(--primary-foreground) !important; border-color: var(--primary) !important; }\n.dz-pearl-atelier-services .nt { max-width: 66ch; margin: 32px auto 0; text-align: center; }\n.dz-pearl-atelier-services .nt p { font-size: 15px; line-height: 1.66; color: var(--muted-foreground); margin: 0; }\n@media (prefers-reduced-motion: reduce) { .dz-pearl-atelier-services *, .dz-pearl-atelier-services *::before, .dz-pearl-atelier-services *::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"
}