{
  "schemaVersion": 2,
  "id": "36",
  "slug": "punk-zine",
  "name": "Punk Zine",
  "brand": "Underpass",
  "family": "Playful & material",
  "status": "ready",
  "thesis": "Treat publishing as an authored, opinionated act.",
  "suitableFor": [
    "Editorial",
    "Culture"
  ],
  "character": "Expressive",
  "traits": {
    "composition": "Uneven editorial collage with photocopied image, overprint and interrupted dividers",
    "navigation": "Issue contents and chronological archive",
    "typography": "Archivo Black + Libre Baskerville",
    "density": "Medium",
    "imagery": "Licensed illustrative photography",
    "surface": "Newsprint, heavy black type, lime markers, collage and uneven rules",
    "motion": "Minimal"
  },
  "effort": "Medium",
  "definingFeatures": [
    "Cutout photography and material layering",
    "Unequal headline scales",
    "Readable long-form editorial text"
  ],
  "adaptableChoices": [
    "Brand and content",
    "Accent colour with verified contrast",
    "Equivalent licensed typefaces"
  ],
  "entryRoute": "/preview/36-punk-zine/start",
  "states": [
    {
      "key": "article",
      "label": "After the last train",
      "route": "/preview/36-punk-zine/article"
    },
    {
      "key": "archive",
      "label": "Issue archive",
      "route": "/preview/36-punk-zine/archive"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/36/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/36/80276e43ac1d97dd-desktop.jpg",
      "route": "/preview/36-punk-zine/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:f2bb439bec0182b391db8dcbdf23eba3c1bfab8b2d7c7767a132bef1d17063da",
      "sha256": "80276e43ac1d97dd5b951fdf1147befcac69ebd33555f4dfb90b1164de4c018b",
      "fullPage": false
    },
    {
      "file": "/previews/36/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/36/3070cc9d4a2a2ee5-mobile.jpg",
      "route": "/preview/36-punk-zine/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:f2bb439bec0182b391db8dcbdf23eba3c1bfab8b2d7c7767a132bef1d17063da",
      "sha256": "3070cc9d4a2a2ee58272bf09ac04180231218eca1bfc52da8f798279b34148c3",
      "fullPage": false
    },
    {
      "file": "/previews/36/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/36/ac2b0ed50e2321d6-detail.jpg",
      "route": "/preview/36-punk-zine/article",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "article",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:f2bb439bec0182b391db8dcbdf23eba3c1bfab8b2d7c7767a132bef1d17063da",
      "sha256": "ac2b0ed50e2321d6df78cd35da66e6e48a59bdeeb853fdd1aca2a349d35b7d94",
      "fullPage": false
    },
    {
      "file": "/previews/36/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/36/2fcd4186b62369ca-full-page.jpg",
      "route": "/preview/36-punk-zine/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:f2bb439bec0182b391db8dcbdf23eba3c1bfab8b2d7c7767a132bef1d17063da",
      "sha256": "2fcd4186b62369cacfba4e5d71a89c5b118c32464984639a7782b6a5e21723c0",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/36-punk-zine",
  "neighbours": [
    "09",
    "44"
  ],
  "palette": {
    "page": "#e9e7dc",
    "surface": "#ffffff",
    "ink": "#141714",
    "accent": "#c5f34f"
  },
  "fonts": [
    "Archivo Black",
    "Libre Baskerville"
  ],
  "brief": "**Philosophy and fit.** Treat publishing as an authored, opinionated act. Suitable for independent magazines, music collectives, criticism, activist archives, and underground event programmes.\n\n**Visual grammar.** A masthead anchors an irregular editorial spread: narrow text columns, cutout photography, rotated section labels, torn dividers, and deliberately mismatched headline scales. Use condensed grotesque headlines, readable serif body copy, ink black, dirty white, and one acidic spot colour. A plain contents strip provides dependable navigation beneath the collage.\n\n**Specimen and flow.** *Underpass* is a fictional independent music journal. Open an issue, select a feature from its annotated cover, and read the full article. Supporting views are a chronological issue archive and an article’s credits and related reading section. All decorative scraps accompany actual editorial content.\n\n**Mobile and motion.** Recompose the spread into a clear reading sequence; captions remain beside their images. Collage elements are static, with no background jitter or compulsory animation.\n\n**Identity and effort.** Preserve material layering and editorial tension; avoid illegible body text, arbitrary overlap, and a conventional card grid hidden beneath distress textures. **Effort: medium.**\n\n**Distinctive composition.** Unequal column starts, a photocopied image cutout, a large overprint, interrupted dividers, and varied headline scales give the issue an editorial collage. Contents links and article text remain straight and readable.",
  "scope": "An expansive sample page with representative local interactions; no production business backend.",
  "discovery": {
    "industries": [
      "Music",
      "Arts",
      "Independent publishing"
    ],
    "visitorGoals": [
      "Explore an issue"
    ],
    "conversionActions": [
      "Read a story"
    ],
    "siteSize": "Digital publication",
    "interactionTypes": [
      "Issue contents",
      "Article navigation"
    ],
    "keywords": [
      "Editorial",
      "Culture",
      "Cutout photography and material layering",
      "Unequal headline scales",
      "Readable long-form editorial text"
    ]
  },
  "patterns": [
    "Cutout photography and material layering",
    "Unequal headline scales",
    "Readable long-form editorial text"
  ],
  "downloadUrl": "/downloads/36-punk-zine.zip"
}