How this concept works
Silvermere is a fictional municipality: every person, service, and phone number here is invented. The patterns are the point. This page maps each one to a place you can try it.
Concept demonstration
Emergency Mode: one action, the whole site changes posture.
On the worst night of a fire season, a communications officer should not be making eleven separate edits under pressure. In this pattern, one switch does it all:
- An evacuation-severity alert takes over the top of every page, served as static HTML that works even if scripts fail.
- Emergency is promoted into the main navigation.
- Heavy, non-critical components (photography, weather, maps) are suppressed site-wide so pages stay fast under load.
- The emergency page is pinned to the top of site search.
The demonstration follows you across the site until you end it here or from the banner control. Nothing about it is real: Silvermere is a fictional city.
The patterns
The evacuation page works offline
Visit the emergency page once and it stays on your device: turn on airplane mode and it still opens, styled and readable. The page a resident needs on a highway shoulder with zero bars is the one page that must not depend on the network.
Alerts with severity, served without JavaScript
The notice at the top of every page is server-rendered HTML with three severity treatments, so a road closure never looks like an evacuation order and the banner survives any failed script. Emergency severity has no dismiss button, on purpose.
Search that answers instead of listing
A resident who types a task gets the task: a licence query returns the licence action first, ahead of every page that merely mentions dogs. Zero-result searches get three routed ways forward instead of a dead end.
Request intake that already knows the category
A resident arrives with a problem, not a department name. Every example issue deep-links into the form with the category pre-selected, which cuts abandonment, misrouted reports, and follow-up calls.
A support hub organized by situation, not by org chart
Crisis lines first, then help arranged around life events: housing, mental health, newcomers, seniors, family violence. The moment a resident needs these pages is the moment they have the least patience for navigation.
When is my garbage day
The question every city hall phone line knows best, answered in two clicks: pick a neighbourhood, see the next collection days, and put the whole year in your calendar.
Site health, published
Real Lighthouse accessibility and performance results for every major template, measured at build time, dated, and published in full. A city should be able to read its own numbers without filing a ticket with a vendor.
One pattern is not on this site
The production architecture this concept demonstrates pairs a front end like this one with a content management backend the city’s own staff operate, read over an API. That half runs as a working prototype and is shown in person, where publishing an alert in the CMS puts the banner on every page of this site in seconds.
Created by Kootenay Made Digital as a portfolio concept. Silvermere is not a real city and is not affiliated with any real municipality.