{
  "id": "craft-zine-maker-profile",
  "name": "Maker Profile",
  "theme": "craft-zine",
  "category": "Profile & Social",
  "description": "A profile where the portrait bleeds off the left edge and the biography wraps around it in an L, the way a printed contributor page does.",
  "layout": "Portrait bled off the left and top edges at 300px wide; identity block sits beside it and the work grid runs full width underneath, so the text turns a corner around the image.",
  "modules": [
    {
      "key": "portrait",
      "name": "Bled portrait",
      "html": "\n<figure class=\"por\"><img src=\"{{IMG portrait 600 800}}\" alt=\"{{ALT portrait}}\"></figure>"
    },
    {
      "key": "ident",
      "name": "Identity block",
      "html": "\n<div class=\"ident\">\n  <span class=\"ident-role\">Printer · Contributor since 04</span>\n  <h1>Ada Renn</h1>\n  <p>Runs a two-press shop in Sheffield. Writes about the parts of a job that do not make it into the finished thing.</p>\n  <div class=\"ident-stats\"><span><b>11</b> issues</span><span><b>6</b> covers</span><span><b>1</b> broken press</span></div>\n  <div class=\"ident-act\"><a class=\"follow\" href=\"#\">Follow</a><a class=\"quiet\" href=\"#\">Commission work</a></div>\n</div>"
    },
    {
      "key": "work",
      "name": "Work grid",
      "html": "\n<section class=\"work\">\n  <h2>Selected work</h2>\n  <div class=\"work-grid\">\n    <a class=\"wk\" href=\"#\"><img src=\"{{IMG texture 400 400}}\" alt=\"{{ALT texture}}\"><span>Offcut 09 cover</span></a>\n    <a class=\"wk\" href=\"#\"><img src=\"{{IMG retail 400 400}}\" alt=\"{{ALT retail}}\"><span>Hollow Press identity</span></a>\n    <a class=\"wk\" href=\"#\"><img src=\"{{IMG interior 400 400}}\" alt=\"{{ALT interior}}\"><span>Leeds Print Fair</span></a>\n    <a class=\"wk\" href=\"#\"><img src=\"{{IMG workspace 400 400}}\" alt=\"{{ALT workspace}}\"><span>Registration tests</span></a>\n  </div>\n</section>"
    }
  ],
  "moduleCount": 3,
  "reorderable": false,
  "meta": {
    "id": "craft-zine-maker-profile",
    "model": "Claude Opus 5",
    "author": "Claude Code",
    "createdAt": "2026-08-29T18:14:56+09:00",
    "updatedAt": "2026-08-29T18:14:56+09:00",
    "version": "1.0.0",
    "isNew": false
  },
  "link": "/api/v1/designs/craft-zine-maker-profile.json",
  "structure": "Portrait bled off the left and top edges at 300px wide; identity block sits beside it and the work grid runs full width underneath, so the text turns a corner around the image.",
  "html": "<div class=\"dz dz-craft-zine-maker-profile\" data-design=\"craft-zine-maker-profile\" data-theme=\"craft-zine\">\n<section class=\"dz-mod\" data-mod=\"portrait\" aria-label=\"Bled portrait\">\n<figure class=\"por\"><img src=\"https://images.unsplash.com/photo-1517849845537-4d257902454a?w=600&h=800&q=70&auto=format&fit=crop\" alt=\"A pug looking at the camera against a bright yellow backdrop\"></figure></section><section class=\"dz-mod\" data-mod=\"ident\" aria-label=\"Identity block\">\n<div class=\"ident\">\n  <span class=\"ident-role\">Printer · Contributor since 04</span>\n  <h1>Ada Renn</h1>\n  <p>Runs a two-press shop in Sheffield. Writes about the parts of a job that do not make it into the finished thing.</p>\n  <div class=\"ident-stats\"><span><b>11</b> issues</span><span><b>6</b> covers</span><span><b>1</b> broken press</span></div>\n  <div class=\"ident-act\"><a class=\"follow\" href=\"#\">Follow</a><a class=\"quiet\" href=\"#\">Commission work</a></div>\n</div></section><section class=\"dz-mod\" data-mod=\"work\" aria-label=\"Work grid\">\n<section class=\"work\">\n  <h2>Selected work</h2>\n  <div class=\"work-grid\">\n    <a class=\"wk\" href=\"#\"><img src=\"https://images.unsplash.com/photo-1526304640581-d334cdbbf45e?w=400&h=400&q=70&auto=format&fit=crop\" alt=\"Two latte cups held over a dark table, seen from above\"><span>Offcut 09 cover</span></a>\n    <a class=\"wk\" href=\"#\"><img src=\"https://images.unsplash.com/photo-1543007630-9710e4a00a20?w=400&h=400&q=70&auto=format&fit=crop\" alt=\"Warm bar interior lit by rows of pendant lamps\"><span>Hollow Press identity</span></a>\n    <a class=\"wk\" href=\"#\"><img src=\"https://images.unsplash.com/photo-1543007630-9710e4a00a20?w=400&h=400&q=70&auto=format&fit=crop\" alt=\"A bright minimal lounge with pale armchairs\"><span>Leeds Print Fair</span></a>\n    <a class=\"wk\" href=\"#\"><img src=\"https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=400&h=400&q=70&auto=format&fit=crop\" alt=\"Overhead view of a shared desk covered in devices\"><span>Registration tests</span></a>\n  </div>\n</section></section>\n</div>",
  "css": "\n.dz-craft-zine-maker-profile { background: var(--background); color: var(--foreground); font-family: var(--pv-body); display: grid; grid-template-columns: 300px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 34px; padding: 0 40px 36px 0; }\n.dz-craft-zine-maker-profile .por { margin: 0; grid-row: 1; overflow: hidden; background: var(--muted); height: 340px; }\n.dz-craft-zine-maker-profile .por img { width: 100%; height: 100%; object-fit: cover; display: block; filter: var(--img-filter); }\n.dz-craft-zine-maker-profile .ident { padding: 38px 0 0; }\n.dz-craft-zine-maker-profile .ident-role { font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--primary); }\n.dz-craft-zine-maker-profile .ident h1 { font-family: var(--pv-display); font-size: 48px; line-height: 1; letter-spacing: -.04em; font-weight: 800; margin: 8px 0 12px; }\n.dz-craft-zine-maker-profile .ident p { margin: 0 0 18px; font-size: 15.5px; line-height: 1.6; color: var(--muted-foreground); max-width: 38ch; }\n.dz-craft-zine-maker-profile .ident-stats { display: flex; gap: 26px; padding: 12px 0; border-top: var(--pv-bw) solid var(--border); border-bottom: var(--pv-bw) solid var(--border); font-size: 13px; color: var(--muted-foreground); }\n.dz-craft-zine-maker-profile .ident-stats b { font-family: var(--pv-mono); font-size: 17px; color: var(--foreground); margin-right: 4px; }\n.dz-craft-zine-maker-profile .ident-act { display: flex; gap: 14px; margin-top: 18px; }\n.dz-craft-zine-maker-profile .follow { background: var(--primary); color: var(--primary-foreground); font-size: 14px; font-weight: 600; padding: 10px 20px; border-radius: var(--pv-radius-sm); text-decoration: none; }\n.dz-craft-zine-maker-profile .quiet { font-size: 14px; color: var(--foreground); text-decoration: none; padding: 10px 0; border-bottom: 2px solid var(--border); transition: border-color var(--dur) var(--ease); }\n.dz-craft-zine-maker-profile .quiet:hover { border-bottom-color: var(--primary); }\n.dz-craft-zine-maker-profile .work { grid-column: 1 / -1; grid-row: 2; padding-left: 40px; margin-top: 30px; }\n.dz-craft-zine-maker-profile .work h2 { font-family: var(--pv-display); font-size: 15px; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 14px; padding-bottom: 8px; border-bottom: 3px solid var(--foreground); }\n.dz-craft-zine-maker-profile .work-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }\n.dz-craft-zine-maker-profile .wk { text-decoration: none; color: var(--foreground); }\n.dz-craft-zine-maker-profile .wk img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; border: var(--pv-bw) solid var(--border); filter: var(--img-filter); transition: filter var(--dur) var(--ease); }\n.dz-craft-zine-maker-profile .wk:hover img { filter: none; }\n.dz-craft-zine-maker-profile .wk span { display: block; margin-top: 7px; font-size: 12.5px; color: var(--muted-foreground); }\n@media (prefers-reduced-motion: reduce) { .dz-craft-zine-maker-profile *, .dz-craft-zine-maker-profile *::before, .dz-craft-zine-maker-profile *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }",
  "requiredTheme": "/api/v1/themes/craft-zine.json",
  "googleFontsHref": "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700&family=Public+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap"
}