Nocturne.

A film in three reels: darkness, the strike, the glow.

Reel one, darkness. Every page opens on near-black ink, the sky over Main Street at 6 p.m. in December. Reel two, the strike. Light arrives the way real filament does: a stutter, a flicker, then a held glow, sweeping left to right like a crew working down a roofline. Reel three, the glow. Once the page is lit it stays warm and calm, and the content gets to breathe.

The protagonist is light itself. People appear only as implied presence: the lit windows, the theatre marquee, the walk under a canopy of bulbs.

Cinema stills, not brochures.

Compositions borrow from night cinematography: low horizons, deep negative space above the skyline, wet-pavement reflections, and a single dominant light source per frame. There are no rounded "feature cards", no three-icon rows and no gradient blobs. Structure comes from hairline rules, the way a lighting plan is drawn.

Imagery is procedurally rendered light in canvas. Rooflines are traced bulb by bulb, a civic tree slowly rotates, and façades play programmed colour chases, so the site demonstrates the craft instead of describing it. At launch, real drone and night photography (the downtown Riverbend aerials) slot into the same frames.

A serif that glows, a grotesk that builds, a mono that measures.

Italics are reserved for the lit word. Only one phrase per headline is "switched on", in sodium amber with a real glow. The type itself works like a lighting plan.

Prairie Midnight: darkness as the canvas.

About 90% of every screen is ink. Light is rationed, and that's what makes it precious. Cyan and magenta come straight from the neon brand mark and are reserved for permanent / programmable work. Sodium amber means holiday warmth. The colour coding carries meaning across the whole site.

Five planes of atmosphere.

From back to front: sky (gradient with a low ember horizon) → architecture (silhouettes with faint warm windows) → light (additive glow sprites) → weather (drifting snow) → lens (animated film grain plus vignette over the whole site). A cursor "lamp" casts a soft warm pool across the page, so the visitor becomes a light source too.

Layouts run on an asymmetric 12-column grid. Case studies alternate sides and drift in parallax like a dolly shot. Headlines are huge, and margins are wider than feels safe.

Everything moves like electricity.

The strike: reveals flicker before they settle, using a keyframed opacity stutter that mimics a filament catching. The sweep: bulbs power on in sequence across x-position, the way a crew works down a roofline. The breath: lit bulbs twinkle with a slow, randomized sine. The switch: a physical toggle at the end of every page powers up the section. The house curve, cubic-bezier(.19,1,.22,1), is a slow warm-up followed by a decisive hold.

The manifesto lights up word by word as you read, and the key phrase arrives last, glowing. Reduced-motion users get a fully lit, still composition.

The feeling of standing in the square at the countdown.

For a city manager: confidence. This is a team that plans, engineers and shows up. For a downtown association: pride. This is what our street could look like. For everyone: anticipation, that small-town hush just before the lights come on. The site should leave visitors wanting to stand outside in the cold and look up.