{ "_description": "Generated from data/ — edit the sources, not this file. The agent access guide explains the evidence boundary of every field.", "schemaVersion": "1.0.0", "kind": "entry", "locale": "en", "id": "grunge", "name": { "zh": "颓废风格", "en": "Grunge" }, "page": "https://designvocabulary.com/en/entries/grunge/", "self": "https://designvocabulary.com/en/entries/grunge.json", "alternates": { "zh-CN": "https://designvocabulary.com/zh/entries/grunge.json", "en": "https://designvocabulary.com/en/entries/grunge.json" }, "site": { "catalogSchemaVersion": "0.1.0", "entries": 137, "index": "https://designvocabulary.com/en/entries/index.json", "query": "https://designvocabulary.com/api/query?lang=en", "guide": "https://designvocabulary.com/en/agents/", "llms": "https://designvocabulary.com/llms.txt" }, "provenance": { "sourceBacked": [ "entry.definition" ], "editorial": [ "entry.boundary", "entry.signature", "entry.when", "entry.when_not", "entry.tradeoff", "entry.comparison", "entry.rules", "entry.relations", "entry.implementationNote", "entry.visual" ], "scope": "Definitions reference these sources. Digital specimens, selection advice, relationships, and recipes are editorial work and have not been validated through user research.", "editorialStatus": "drafted", "specimenData": "fictional", "specimenNote": "Original fictional specimens. Definitions cite sources; usage advice and recipes are editorial.", "sources": [ { "id": "grunge-raygun", "url": "https://en.wikipedia.org/wiki/Ray_Gun_(magazine)", "title": "Wikipedia · Ray Gun (magazine)", "checkedAt": "2026-09-16", "archive": { "status": "unconfirmed", "confirmed": false, "url": null, "capturedAt": null, "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Ray_Gun_(magazine)" } }, { "id": "grunge-carson", "url": "https://en.wikipedia.org/wiki/David_Carson_(graphic_designer)", "title": "Wikipedia · David Carson (graphic designer)", "checkedAt": "2026-09-16", "archive": { "status": "unconfirmed", "confirmed": false, "url": null, "capturedAt": null, "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/David_Carson_(graphic_designer)" } } ], "lists": [], "ordered": false, "listDisclaimer": "Seat numbers are editorial positions, not scores, rankings, or popularity measurements. A list that is not filled is left as it is." }, "entry": { "id": "grunge", "type": "visual", "name": { "zh": "颓废风格", "en": "Grunge" }, "aliases": [ "Grunge Typography", "Grunge Design", "做旧拼贴风格", "垃圾摇滚视觉" ], "granularity": "experience", "intents": [ "express-brand", "organize-content" ], "tags": [ "distressed", "texture", "collage", "typography", "magazine" ], "definition": "A graphic visual language built from torn edges, photocopy and halftone noise, ink smudges, and type that is deliberately misaligned and overprinted; the surface looks copied, cut up, and worn, and the untidiness itself carries an underground, handmade, anti-mainstream attitude.", "boundary": "This entry covers only the graphic language that formed in magazine and record design around the 1990s and was later borrowed by brands and interfaces; it does not summarise the music genre or subculture of the same name. The test is destructive surface treatment — tearing, photocopy distortion, staining, misaligned overprinting — not \"retro colors\" or \"one weathered photo\". It differs from collage: collage juxtaposes unlike material to make new meaning, while grunge makes material look worn down. The two often appear together, but their aims differ and the terms are not interchangeable.", "signature": [ "Paper and color blocks carry torn, frayed, or roughly cut edges", "Photocopy, halftone, or noise produces visible distortion and speckling", "Type is overprinted, knocked out of alignment, or partly covered by other elements" ], "when": [ "The brand needs to read as underground, independent, or handmade rather than professional and orderly", "The content itself belongs to music, street, or independent-publishing contexts", "Comparable products all use clean, restrained layouts and the work needs visible distance from them" ], "when_not": [ "The page is mainly long-form reading, where readers need stable contrast and line rhythm", "Noise and misalignment are applied at every level, so nothing stands out any more", "The only motive is to make a template look less generic, with no brand position behind it" ], "tradeoff": "Strong attitude at the cost of legibility and reuse: texture lowers text contrast, and a randomised layout is harder to keep consistent across sizes and platforms.", "comparison": { "focus": "Carrying attitude through a worn-looking surface", "mechanism": "Torn edges, photocopy distortion, overprinting, and misaligned type", "cost": "A readable, contrast-checked area still has to be reserved for body text" }, "sources": [ { "id": "grunge-raygun", "title": "Wikipedia · Ray Gun (magazine)", "url": "https://en.wikipedia.org/wiki/Ray_Gun_(magazine)", "claim": "The article records that Ray Gun magazine (1992–2000, founding art director David Carson) framed its editorial content in what it calls a \"grunge typography\" style — chaotic, abstract, not always readable, yet distinctive. This entry treats the style as a graphic language that formed in 1990s magazine practice; the article itself makes no quality judgement.", "checkedAt": "2026-09-16", "archive": { "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Ray_Gun_(magazine)", "status": "unconfirmed", "checkedAt": "2026-09-16T13:00:57.573Z", "error": "error:not-found", "jobId": "spn2-cf9bb0ae0117f86ee65350c9e4b4228c55df5e5d" } }, { "id": "grunge-carson", "title": "Wikipedia · David Carson (graphic designer)", "url": "https://en.wikipedia.org/wiki/David_Carson_(graphic_designer)", "claim": "The article describes Carson’s work at Ray Gun as chaotic and collage-like, layering photographs with messy typography. This entry paraphrases those typographic traits from it; translating them into brand and interface practice is editorial judgement.", "checkedAt": "2026-09-16", "archive": { "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/David_Carson_(graphic_designer)", "status": "unconfirmed", "checkedAt": "2026-09-16T13:00:57.576Z", "error": "error:not-found", "jobId": "spn2-9c0f3faa5cb9b2762cee7624fdae9094e22d17b7" } } ], "relations": [ { "target": "collage", "kind": "related", "condition": "The composition deliberately abandons a regular grid and is assembled from fragments", "reason": "Both work with fragmented composition, but collage is about the new meaning of juxtaposed material, while grunge is about the marks of wear on it.", "basis": "editorial" }, { "target": "swiss", "kind": "alternative", "condition": "Choosing one dominant typographic language for a brand", "reason": "Swiss builds order through grids and restraint; grunge expresses attitude through disorder. Mixing them at the same level cancels both positions out.", "basis": "editorial" }, { "target": "contrast-legibility", "kind": "conflicts_when", "condition": "Body text sits directly on distressed texture, halftone, or overprinted color blocks", "reason": "Noise and overprinting reduce the real contrast between text and background; long passages and low-vision readers are affected first.", "basis": "editorial" } ], "rules": [ { "when": "Using distressed texture as the background of a body-text area", "instruction": "Reserve an area where the noise is reduced and measure the contrast there, instead of judging it by eye on a mock-up.", "strength": "must", "basis": "editorial" }, { "when": "The visual language has to be reused across several sizes and platforms", "instruction": "Reduce the destruction to a few reusable treatments — one paper texture, one torn edge, one overprint — instead of randomising each page separately.", "strength": "recommend", "basis": "editorial" } ], "visual": { "tokens": { "surface": "#efe9dd", "ink": "#2a2723", "accent": "#b5552c", "radiusPx": 0, "shadow": "none" }, "tokenScope": "This sample recipe — warm grey paper, near-black ink, and a rust accent — is one reading of the style, not a historical standard. Real work still needs its own paper and halftone assets, and must check contrast in every body-text area." }, "demo": null, "version": "0.1.0", "editorialStatus": "drafted", "requirements": [], "demoCapabilities": [], "implementationNote": "This entry has no runnable specimen; the illustration is an editorial sketch of the surface treatment, not a verified implementation. Before shipping, measure contrast on the real texture at the real type size, and confirm that long-form text has a clean, readable layout of its own.", "image": { "src": "/images/grunge.webp", "alt": "A fictional FIELDNOTES magazine spread with torn paper edges, photocopy halftone, and ink stains, where olive, rust, and charcoal blocks overprint rows of grey placeholder text bars, illustrating the grunge style." }, "searchTerms": [ "做旧", "纹理", "拼贴", "排版", "杂志" ] } }