{ "schemaVersion": 2, "id": "44", "slug": "neo-brutalist-board", "name": "Neo Brutalist Board", "brand": "Open Bench", "family": "Retro & experimental", "status": "ready", "thesis": "Make participation and choice conspicuous through bold, tangible objects.", "suitableFor": [ "Events", "Commerce" ], "character": "Expressive", "traits": { "composition": "Bold outlined workshop notices in separated horizontal board zones", "navigation": "Discipline filters and full notice sheets", "typography": "Space Grotesk + DM Sans", "density": "Medium", "imagery": "Typography, rules, and interface structure", "surface": "Acid-yellow board, black rules, hard shadows and pastel workshop blocks", "motion": "Minimal" }, "effort": "Low", "definingFeatures": [ "Thick outlines and solid offset shadows", "Conspicuous actions", "Strong alignment beneath rough surfaces" ], "adaptableChoices": [ "Brand and content", "Accent colour with verified contrast", "Equivalent licensed typefaces" ], "entryRoute": "/preview/44-neo-brutalist-board/start", "states": [ { "key": "workshop", "label": "Workshop notice", "route": "/preview/44-neo-brutalist-board/workshop" }, { "key": "full", "label": "No places available", "route": "/preview/44-neo-brutalist-board/full" } ], "referenceImages": [ { "file": "/previews/44/desktop.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/44/be41ae177b9b8dd3-desktop.jpg", "route": "/preview/44-neo-brutalist-board/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:68a798adf34ffee61b77b1ceff2bf04ad8b03729e293eb7df33c53e2b750e70a", "sha256": "be41ae177b9b8dd36ebcb31f3b462f1c1b5a85a4549b5f92fc54516d2a2fba83", "fullPage": false }, { "file": "/previews/44/mobile.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/44/eb585a768c9ba30e-mobile.jpg", "route": "/preview/44-neo-brutalist-board/start", "viewport": { "width": 390, "height": 844 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:68a798adf34ffee61b77b1ceff2bf04ad8b03729e293eb7df33c53e2b750e70a", "sha256": "eb585a768c9ba30e63a0517710bc6d30ba92990a1748f6350a38937bd2bb0dfc", "fullPage": false }, { "file": "/previews/44/detail.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/44/c0386b337bb85b48-detail.jpg", "route": "/preview/44-neo-brutalist-board/workshop", "viewport": { "width": 1440, "height": 1000 }, "state": "workshop", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:68a798adf34ffee61b77b1ceff2bf04ad8b03729e293eb7df33c53e2b750e70a", "sha256": "c0386b337bb85b48f84422900aadef4fee21215aef9ec49fa5c520bdfe28b5ce", "fullPage": false }, { "file": "/previews/44/full-page.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/44/e829029c56d20e64-full-page.jpg", "route": "/preview/44-neo-brutalist-board/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:68a798adf34ffee61b77b1ceff2bf04ad8b03729e293eb7df33c53e2b750e70a", "sha256": "e829029c56d20e644ae403deeac1da571f9a6322e45502fd5fd16e4209404209", "fullPage": true } ], "sourcePath": "src/designs/44-neo-brutalist-board", "neighbours": [ "45", "32" ], "palette": { "page": "#f0efb1", "surface": "#fffde9", "ink": "#222921", "accent": "#c5e14e" }, "fonts": [ "Space Grotesk", "DM Sans" ], "brief": "**Philosophy and fit.** Make participation and choice conspicuous through bold, tangible objects. Suitable for maker communities, workshop listings, independent shops, and energetic small product sites.\n\n**Visual grammar.** Use thick dark outlines, solid offset shadows, large utilitarian type, and a small palette of flat, vivid colours. Organise the page as a board of labelled notices in clearly separated horizontal zones. Filters and actions have the same physical vocabulary as the notices. A strong alignment system prevents the apparent roughness from becoming arbitrary.\n\n**Specimen and flow.** *Open Bench* lists fictional maker workshops. Filter notices by discipline, open a workshop, and book a sample place locally. Supporting views are a full workshop detail sheet and the no-spaces-available state with alternative dates.\n\n**Mobile and motion.** Reflow notices into an ordered list and give filters their own wrapping row. A press response can shorten a button’s shadow without shifting its neighbours; reduced motion removes animated movement.\n\n**Identity and effort.** Preserve outlined objects and decisive hierarchy; avoid confusing this with raw HTML or covering every content fragment in a separate box. **Effort: low.**", "scope": "An expansive sample page with representative local interactions; no production business backend.", "discovery": { "industries": [ "Community", "Events" ], "visitorGoals": [ "Find an announcement" ], "conversionActions": [ "Inspect a post" ], "siteSize": "Community site", "interactionTypes": [ "Noticeboard", "Post details" ], "keywords": [ "Events", "Commerce", "Thick outlines and solid offset shadows", "Conspicuous actions", "Strong alignment beneath rough surfaces" ] }, "patterns": [ "Thick outlines and solid offset shadows", "Conspicuous actions", "Strong alignment beneath rough surfaces" ], "downloadUrl": "/downloads/44-neo-brutalist-board.zip" }