{
  "id": "studio-vellum-press",
  "name": "Press",
  "theme": "studio-vellum",
  "category": "Marketing",
  "description": "A press page that quotes at pull-quote scale and puts the publication name below in small caps, so the words are the page and the logos are not.",
  "layout": "Alternating left- and right-aligned quotes at 30px in a 40rem measure, each separated by 60px of empty space and a short rule rather than a card.",
  "modules": [
    {
      "key": "head",
      "name": "Press header",
      "html": "\n<header class=\"ph\"><span class=\"k\">Press</span><h1>What has been written.</h1><p><a class=\"und\" href=\"#\">Download the press kit</a> — marks, photography and a paragraph you may edit.</p></header>"
    },
    {
      "key": "quotes",
      "name": "Quotes",
      "html": "\n<div class=\"qs\">\n  <blockquote><p>A studio that has worked out the difference between restraint and emptiness, and is willing to be boring about the distinction.</p><cite>Disegno · March 2026</cite></blockquote>\n  <blockquote class=\"r\"><p>The Kilcarn identity does the rarest thing in packaging: it gets quieter as the shelf gets louder.</p><cite>Eye Magazine · Issue 112</cite></blockquote>\n  <blockquote><p>Their published fee schedule is the most radical thing on their website, and it is not close.</p><cite>It's Nice That · January 2026</cite></blockquote>\n  <blockquote class=\"r\"><p>Nine weeks, two people, one direction. It should not work as often as it does.</p><cite>Creative Review · 2025 Annual</cite></blockquote>\n</div>"
    },
    {
      "key": "contact",
      "name": "Press contact",
      "html": "\n<footer class=\"pc\"><span class=\"k\">Enquiries</span><p>Rosa Castellanos<br><a class=\"und\" href=\"#\">press@vellum.example</a><br>+44 113 496 0000</p></footer>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "studio-vellum-press",
    "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-press.json",
  "structure": "Alternating left- and right-aligned quotes at 30px in a 40rem measure, each separated by 60px of empty space and a short rule rather than a card.",
  "html": "<div class=\"dz dz-studio-vellum-press\" data-design=\"studio-vellum-press\" data-theme=\"studio-vellum\">\n<section class=\"dz-mod\" data-mod=\"head\" aria-label=\"Press header\">\n<header class=\"ph\"><span class=\"k\">Press</span><h1>What has been written.</h1><p><a class=\"und\" href=\"#\">Download the press kit</a> — marks, photography and a paragraph you may edit.</p></header></section>\n<section class=\"dz-mod\" data-mod=\"quotes\" aria-label=\"Quotes\">\n<div class=\"qs\">\n  <blockquote><p>A studio that has worked out the difference between restraint and emptiness, and is willing to be boring about the distinction.</p><cite>Disegno · March 2026</cite></blockquote>\n  <blockquote class=\"r\"><p>The Kilcarn identity does the rarest thing in packaging: it gets quieter as the shelf gets louder.</p><cite>Eye Magazine · Issue 112</cite></blockquote>\n  <blockquote><p>Their published fee schedule is the most radical thing on their website, and it is not close.</p><cite>It's Nice That · January 2026</cite></blockquote>\n  <blockquote class=\"r\"><p>Nine weeks, two people, one direction. It should not work as often as it does.</p><cite>Creative Review · 2025 Annual</cite></blockquote>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"contact\" aria-label=\"Press contact\">\n<footer class=\"pc\"><span class=\"k\">Enquiries</span><p>Rosa Castellanos<br><a class=\"und\" href=\"#\">press@vellum.example</a><br>+44 113 496 0000</p></footer></section>\n</div>",
  "css": "\n.dz-studio-vellum-press { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 44px 44px 44px; }\n.dz-studio-vellum-press .ph { max-width: 40rem; margin: 0 auto 50px; text-align: center; }\n.dz-studio-vellum-press .k { font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-studio-vellum-press .ph h1 { font-family: var(--pv-display); font-size: 46px; font-weight: 400; letter-spacing: -.025em; margin: 10px 0 14px; }\n.dz-studio-vellum-press .ph p { margin: 0; font-size: 14px; color: var(--muted-foreground); }\n.dz-studio-vellum-press .qs { max-width: 46rem; margin: 0 auto; }\n.dz-studio-vellum-press .qs blockquote { margin: 0 0 56px; max-width: 34rem; }\n.dz-studio-vellum-press .qs .r { margin-left: auto; text-align: right; }\n.dz-studio-vellum-press .qs p { font-family: var(--pv-display); font-size: 30px; line-height: 1.36; font-weight: 400; margin: 0 0 16px; }\n.dz-studio-vellum-press .qs cite { font-style: normal; font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); display: inline-block; padding-top: 12px; border-top: var(--pv-bw) solid var(--foreground); }\n.dz-studio-vellum-press .pc { max-width: 46rem; margin: 0 auto; padding-top: 26px; border-top: var(--pv-bw) solid var(--border); }\n.dz-studio-vellum-press .pc p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.8; }\n.dz-studio-vellum-press .und { color: var(--foreground); text-decoration: none; padding-bottom: 3px; background-image: linear-gradient(var(--primary), var(--primary)); background-size: 100% 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size var(--dur-slow) var(--ease); }\n.dz-studio-vellum-press .und:hover { background-size: 0 1px; }\n@media (prefers-reduced-motion: reduce) { .dz-studio-vellum-press *, .dz-studio-vellum-press *::before, .dz-studio-vellum-press *::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"
}