{ "schemaVersion": 2, "id": "01", "slug": "civic-service", "name": "Civic Service", "brand": "Northbank Council", "family": "Clarity & editorial", "status": "ready", "thesis": "Make a necessary task easy to understand and finish.", "suitableFor": [ "Public services", "Support" ], "character": "Restrained", "traits": { "composition": "Single-column service guidance with a prerequisite rail", "navigation": "Breadcrumbs and explicit back links", "typography": "DM Sans", "density": "Medium", "imagery": "Typography, rules, and interface structure", "surface": "Plain white surfaces, square controls, restrained green emphasis", "motion": "None" }, "effort": "Low", "definingFeatures": [ "Task-first headings", "Requirements before action", "Plain review and confirmation" ], "adaptableChoices": [ "Brand and content", "Accent colour with verified contrast", "Equivalent licensed typefaces" ], "entryRoute": "/preview/01-civic-service/start", "states": [ { "key": "book", "label": "Choose a collection", "route": "/preview/01-civic-service/book" }, { "key": "confirmation", "label": "Booking confirmation", "route": "/preview/01-civic-service/confirmation" } ], "referenceImages": [ { "file": "/previews/01/desktop.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/01/76e7122407c55fe8-desktop.jpg", "route": "/preview/01-civic-service/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:7343fa68f81c25e14ee4c9e863acab0cddbac7608542e624bdf123b52b909187", "sha256": "76e7122407c55fe8c4595f1f727e65ca5f171f64f7e6089d7717d5048ad79dd5", "fullPage": false }, { "file": "/previews/01/mobile.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/01/0ceda4e3e75338db-mobile.jpg", "route": "/preview/01-civic-service/start", "viewport": { "width": 390, "height": 844 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:7343fa68f81c25e14ee4c9e863acab0cddbac7608542e624bdf123b52b909187", "sha256": "0ceda4e3e75338db43ccb322369941ac403e214ac0dab475fdcffcc8bbc3742a", "fullPage": false }, { "file": "/previews/01/detail.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/01/003b1467cb2be2d3-detail.jpg", "route": "/preview/01-civic-service/book", "viewport": { "width": 1440, "height": 1000 }, "state": "book", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:7343fa68f81c25e14ee4c9e863acab0cddbac7608542e624bdf123b52b909187", "sha256": "003b1467cb2be2d36b9894d62d596214db0137ed29131e05b729ff8078408490", "fullPage": false }, { "file": "/previews/01/full-page.jpg", "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/01/5a00dcfbf8eeeca4-full-page.jpg", "route": "/preview/01-civic-service/start", "viewport": { "width": 1440, "height": 1000 }, "state": "start", "fixture": "deterministic-2026-11-v1", "sourceRevision": "sha256:7343fa68f81c25e14ee4c9e863acab0cddbac7608542e624bdf123b52b909187", "sha256": "5a00dcfbf8eeeca4b6f66b16735af9795685ba6c1b22eb82aa925ce84f13bd43", "fullPage": true } ], "sourcePath": "src/designs/01-civic-service", "neighbours": [ "14", "25" ], "palette": { "page": "#fff", "surface": "#ffffff", "ink": "#182d3d", "accent": "#166347" }, "fonts": [ "DM Sans" ], "brief": "**Philosophy and fit.** Make a necessary task easy to understand and finish. Suitable for municipal services, public guidance, support centres, and practical organisations whose visitors arrive with a specific question.\n\n**Visual grammar.** A compact wordmark bar leads into breadcrumbs, a plain page title, an explanatory summary, and one dominant reading column. A secondary contents rail appears only on long guidance pages. Use a humanist sans, strong headings, square controls, white backgrounds, dark navy text, and restrained green action emphasis. Show eligibility and required documents before the action.\n\n**Specimen and flow.** *Northbank Council* demonstrates finding a bulky waste collection service, checking requirements, and choosing a collection slot from local fixtures. Supporting states show an unavailable address and a confirmation page containing a reference and next steps.\n\n**Adaptation and identity.** Mobile retains the same reading order and puts the contents list above the article. Preserve explicit labels, plain language, and task hierarchy; avoid decorative hero photography, ornamental cards, and surprise navigation. Motion is unnecessary. **Effort: low.**\n\n**Distinctive composition.** Plain humanist service labels replace monospaced editorial captions. The existing task-first service composition remains.", "scope": "An expansive sample page with representative local interactions; no production business backend.", "discovery": { "industries": [ "Public services", "Support" ], "visitorGoals": [ "Understand a service" ], "conversionActions": [ "Complete a service request" ], "siteSize": "Service site", "interactionTypes": [ "Guided form", "Breadcrumb navigation" ], "keywords": [ "Public services", "Support", "Task-first headings", "Requirements before action", "Plain review and confirmation" ] }, "patterns": [ "Task-first headings", "Requirements before action", "Plain review and confirmation" ], "downloadUrl": "/downloads/01-civic-service.zip" }