{
  "id": "studio-vellum-studio",
  "name": "Studio Page",
  "theme": "studio-vellum",
  "category": "Profile & Social",
  "description": "A two-person studio page that names both people at the same size and gives neither a job title above the other.",
  "layout": "Two equal portrait columns with a shared paragraph beneath spanning both, then a plain list of where the work has been shown — no logos, no counts, no awards grid.",
  "modules": [
    {
      "key": "people",
      "name": "The two",
      "html": "\n<div class=\"pp\">\n  <figure><img src=\"{{ART figure}}\" alt=\"{{ARTALT figure}}\"><figcaption><b>Rosa Castellanos</b><span>Type, editorial, most of the writing</span></figcaption></figure>\n  <figure><img src=\"{{ART hero}}\" alt=\"{{ARTALT hero}}\"><figcaption><b>Jonas Wold</b><span>Identity, packaging, all of the arguing</span></figcaption></figure>\n</div>"
    },
    {
      "key": "about",
      "name": "About",
      "html": "\n<div class=\"ab\"><p>We met at a print shop in 2016 and started Vellum three years later because we could not find anyone who would let us take nine weeks over an identity.</p><p>The studio is two people and it is going to stay two people. Everything on this site was made by one of us with the other one complaining about it.</p></div>"
    },
    {
      "key": "shown",
      "name": "Shown at",
      "html": "\n<section class=\"sw\"><span class=\"k\">Shown at</span><ul><li><b>Design Museum</b><span>Beazley Designs of the Year, 2025</span></li><li><b>Type Directors Club</b><span>Certificate of Typographic Excellence, 2024</span></li><li><b>Leeds Print Fair</b><span>Every year since 2019, including the one nobody came to</span></li></ul></section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": true,
  "meta": {
    "id": "studio-vellum-studio",
    "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-studio.json",
  "structure": "Two equal portrait columns with a shared paragraph beneath spanning both, then a plain list of where the work has been shown — no logos, no counts, no awards grid.",
  "html": "<div class=\"dz dz-studio-vellum-studio\" data-design=\"studio-vellum-studio\" data-theme=\"studio-vellum\">\n<section class=\"dz-mod\" data-mod=\"people\" aria-label=\"The two\">\n<div class=\"pp\">\n  <figure><img src=\"https://designlookbook.dev/assets/img/studio-vellum-figure.webp\" alt=\"A draped figure in ivory fabric against a bone wall\"><figcaption><b>Rosa Castellanos</b><span>Type, editorial, most of the writing</span></figcaption></figure>\n  <figure><img src=\"https://designlookbook.dev/assets/img/studio-vellum-hero.webp\" alt=\"A plaster cast in an ivory room with vast empty wall\"><figcaption><b>Jonas Wold</b><span>Identity, packaging, all of the arguing</span></figcaption></figure>\n</div></section>\n<section class=\"dz-mod\" data-mod=\"about\" aria-label=\"About\">\n<div class=\"ab\"><p>We met at a print shop in 2016 and started Vellum three years later because we could not find anyone who would let us take nine weeks over an identity.</p><p>The studio is two people and it is going to stay two people. Everything on this site was made by one of us with the other one complaining about it.</p></div></section>\n<section class=\"dz-mod\" data-mod=\"shown\" aria-label=\"Shown at\">\n<section class=\"sw\"><span class=\"k\">Shown at</span><ul><li><b>Design Museum</b><span>Beazley Designs of the Year, 2025</span></li><li><b>Type Directors Club</b><span>Certificate of Typographic Excellence, 2024</span></li><li><b>Leeds Print Fair</b><span>Every year since 2019, including the one nobody came to</span></li></ul></section></section>\n</div>",
  "css": "\n.dz-studio-vellum-studio { background: var(--background); color: var(--foreground); font-family: var(--pv-body); padding: 44px 44px 44px; }\n.dz-studio-vellum-studio .pp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; max-width: 52rem; margin: 0 auto; }\n.dz-studio-vellum-studio .pp figure { margin: 0; }\n.dz-studio-vellum-studio .pp img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; filter: var(--img-filter); transition: filter var(--dur-slow) var(--ease); }\n.dz-studio-vellum-studio .pp figure:hover img { filter: none; }\n.dz-studio-vellum-studio .pp figcaption { margin-top: 14px; }\n.dz-studio-vellum-studio .pp b { display: block; font-family: var(--pv-display); font-size: 26px; font-weight: 400; letter-spacing: -.015em; }\n.dz-studio-vellum-studio .pp span { display: block; margin-top: 5px; font-size: 12.5px; color: var(--muted-foreground); }\n.dz-studio-vellum-studio .ab { max-width: 34rem; margin: 44px auto 0; }\n.dz-studio-vellum-studio .ab p { margin: 0 0 16px; font-family: var(--pv-display); font-size: 21px; line-height: 1.54; }\n.dz-studio-vellum-studio .sw { max-width: 52rem; margin: 44px auto 0; padding-top: 22px; border-top: var(--pv-bw) solid var(--foreground); }\n.dz-studio-vellum-studio .k { font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--muted-foreground); }\n.dz-studio-vellum-studio .sw ul { list-style: none; margin: 14px 0 0; padding: 0; }\n.dz-studio-vellum-studio .sw li { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 24px; align-items: baseline; padding: 14px 0; border-bottom: var(--pv-bw) solid var(--border); }\n.dz-studio-vellum-studio .sw b { font-family: var(--pv-display); font-size: 21px; font-weight: 400; }\n.dz-studio-vellum-studio .sw li span { font-size: 13.5px; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-studio-vellum-studio *, .dz-studio-vellum-studio *::before, .dz-studio-vellum-studio *::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"
}