{
  "id": "studio-vellum-services",
  "name": "Services",
  "theme": "studio-vellum",
  "category": "Marketing",
  "description": "Three services described as durations and deliverables, with the price band stated plainly instead of hidden behind a conversation.",
  "layout": "Three stacked full-width rows rather than side-by-side cards, each row a 120px label column, a 30rem description and a right-aligned price band, separated by heavy rules.",
  "modules": [
    {
      "key": "head",
      "name": "Services header",
      "html": "\n<header class=\"sh\"><span class=\"k\">What we do</span><h1>Three ways to work with us.</h1><p>Every engagement is fixed-fee. We quote before we scope, and the number does not move once you have accepted it.</p></header>"
    },
    {
      "key": "rows",
      "name": "Service rows",
      "html": "\n<div class=\"sv\">\n  <article><span class=\"lab\">01</span><div class=\"bd\"><h2>Identity</h2><p>Wordmark, type system, colour, and the rules that hold it together. Delivered as working files, a 30-page system document and licensed fonts in your name.</p><span class=\"dur\">Nine weeks · two people</span></div><span class=\"fee\">£24,000<em>fixed</em></span></article>\n  <article><span class=\"lab\">02</span><div class=\"bd\"><h2>Editorial</h2><p>Art direction and layout for a publication, printed or otherwise. Includes a template you can set yourself and one issue set with you.</p><span class=\"dur\">Six weeks · one person</span></div><span class=\"fee\">£14,000<em>fixed</em></span></article>\n  <article><span class=\"lab\">03</span><div class=\"bd\"><h2>A day</h2><p>One day, in person or otherwise, on whatever is stuck. No deliverable, no follow-up unless you ask for one. Most often used before a project starts.</p><span class=\"dur\">One day</span></div><span class=\"fee\">£1,800<em>per day</em></span></article>\n</div>"
    },
    {
      "key": "terms",
      "name": "Terms",
      "html": "\n<footer class=\"tm\"><div><span class=\"k\">Payment</span><p>Half on acceptance, half on delivery. Thirty days.</p></div><div><span class=\"k\">Availability</span><p>Two projects at a time. Next opening is March 2027.</p></div><div><span class=\"k\">Not for us</span><p>Pitches, brand refreshes on a two-week deadline, anything with more than three approvers.</p></div></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "studio-vellum-services",
    "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-services.json",
  "structure": "Three stacked full-width rows rather than side-by-side cards, each row a 120px label column, a 30rem description and a right-aligned price band, separated by heavy rules.",
  "html": "<div class=\"dz dz-studio-vellum-services\" data-design=\"studio-vellum-services\" data-theme=\"studio-vellum\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Services header\">\n<header class=\"sh\"><span class=\"k\">What we do</span><h1>Three ways to work with us.</h1><p>Every engagement is fixed-fee. We quote before we scope, and the number does not move once you have accepted it.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"rows\" aria-label=\"Service rows\">\n<div class=\"sv\">\n  <article><span class=\"lab\">01</span><div class=\"bd\"><h2>Identity</h2><p>Wordmark, type system, colour, and the rules that hold it together. Delivered as working files, a 30-page system document and licensed fonts in your name.</p><span class=\"dur\">Nine weeks · two people</span></div><span class=\"fee\">£24,000<em>fixed</em></span></article>\n  <article><span class=\"lab\">02</span><div class=\"bd\"><h2>Editorial</h2><p>Art direction and layout for a publication, printed or otherwise. Includes a template you can set yourself and one issue set with you.</p><span class=\"dur\">Six weeks · one person</span></div><span class=\"fee\">£14,000<em>fixed</em></span></article>\n  <article><span class=\"lab\">03</span><div class=\"bd\"><h2>A day</h2><p>One day, in person or otherwise, on whatever is stuck. No deliverable, no follow-up unless you ask for one. Most often used before a project starts.</p><span class=\"dur\">One day</span></div><span class=\"fee\">£1,800<em>per day</em></span></article>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"terms\" aria-label=\"Terms\">\n<footer class=\"tm\"><div><span class=\"k\">Payment</span><p>Half on acceptance, half on delivery. Thirty days.</p></div><div><span class=\"k\">Availability</span><p>Two projects at a time. Next opening is March 2027.</p></div><div><span class=\"k\">Not for us</span><p>Pitches, brand refreshes on a two-week deadline, anything with more than three approvers.</p></div></footer></section>\n</div>",
  "css": "\n.dz-studio-vellum-services { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 40px 44px 40px; }\n.dz-studio-vellum-services .sh { max-width: 46rem; margin-bottom: 34px; }\n.dz-studio-vellum-services .k { font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-studio-vellum-services .sh h1 { font-family: var(--pv-display); font-size: 46px; font-weight: 400; letter-spacing: -.025em; margin: 10px 0 14px; }\n.dz-studio-vellum-services .sh p { margin: 0; font-size: 15px; line-height: 1.7; color: var(--muted-foreground); max-width: 44ch; }\n.dz-studio-vellum-services .sv article { display: grid; grid-template-columns: 90px minmax(0, 1fr) 190px; gap: 30px; align-items: start; padding: 30px 0; border-top: var(--pv-bw) solid var(--foreground); }\n.dz-studio-vellum-services .sv article:last-child { border-bottom: var(--pv-bw) solid var(--foreground); }\n.dz-studio-vellum-services .lab { font-family: var(--pv-mono); font-size: 11px; letter-spacing: .1em; color: var(--primary); padding-top: 10px; }\n.dz-studio-vellum-services .bd h2 { font-family: var(--pv-display); font-size: 34px; font-weight: 400; letter-spacing: -.02em; margin: 0 0 10px; }\n.dz-studio-vellum-services .bd p { margin: 0 0 12px; font-size: 15px; line-height: 1.76; color: var(--muted-foreground); max-width: 46ch; }\n.dz-studio-vellum-services .dur { font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-studio-vellum-services .fee { font-family: var(--pv-display); font-size: 30px; text-align: right; padding-top: 4px; }\n.dz-studio-vellum-services .fee em { display: block; font-family: var(--pv-body); font-style: normal; font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--muted-foreground); margin-top: 6px; }\n.dz-studio-vellum-services .tm { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin-top: 34px; }\n.dz-studio-vellum-services .tm p { margin: 7px 0 0; font-size: 14px; line-height: 1.66; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-studio-vellum-services *, .dz-studio-vellum-services *::before, .dz-studio-vellum-services *::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"
}