Generative Assets · How it was made

A telescope that knows where the sky is.

FINDER is a fictional backyard telescope for anyone who has ever tried to find a faint thing in a suburban sky. Its one job: let you slew across a procedural night, focus until the stars are points, and re-observe the six deep-sky objects the fictional Ida Harwood logged from her veranda in 1962. The whole sky is computed from one fixed seed, so her six are always exactly where she left them.

01 / PaletteColours argued from the dark

An observing site has two states, and the palette serves both. White-light mode is the deep, slightly blue night an unadapted eye sees; red-light mode is what an astronomer switches to so their dark adaptation survives the walk to the eyepiece. The toggle in the corner is not decoration — it re-themes every surface, canvas included, remapping star colours to red luminance.

Veranda night

#0A0F1E

The sky base. Blue-black, not pure black — the colour of a suburban sky still lit by a distant streetlight.

Red-light red

#B3342B

Reticle, marks, and the whole red-light theme. The one wavelength that leaves night vision intact.

Starlight

#D9E1F2

Body text and the brightest stars. Cool white, never a harsh #FFF that would glare off the dark page.

Dim

#8E9BBA

Secondary copy and instrument labels — a step back from starlight so hierarchy reads in the dark.

Sketch paper

#E7DFCE

The log sketches. Warm graphite paper — the one warm note, and the only place the eye rests off the sky.

Red-mode accent

#E04A3A

When red light is on, the sky collapses to #0B0304 and this becomes text, stars, and reticle alike.

02 / TypeCormorant & Source Sans 3

Cormorant carries every voice: the brand, the object names, and Ida's quotes. Its high-contrast, engraved italics read like a 19th-century observing plate or a hand-inked catalogue — exactly the register a suburban astronomer's exercise book would want. Source Sans 3 does the instrument work: uppercase small-caps labels, tabular readouts for azimuth and altitude, the focus percentage. Numbers use tabular figures so the readout never jitters as you slew.

The Fence-line Twins

Cormorant Italic 600 — object names & Ida's hand

AZ 288.9° · ALT +11.6° · 1.2° field

Source Sans 3, tabular figures — the instrument readout

03 / TechniqueFour canvases, one seeded sky

Everything is drawn with the Canvas 2D API — no WebGL, no libraries, no raster images. Four canvases stay in sync: the main eyepiece, the wide finder with its illuminated reticle, a mini push-to chart, and the large plate chart of the whole field.

Seeded skyA mulberry32 PRNG seeded on Ida's date (19620704) lays down ~950 bright stars with realistic colour classes and magnitudes; fainter tiers are generated per one-degree cell on demand and cached, so the field is effectively infinite yet identical every visit.
DefocusFocus is a single number. The distance from critical focus drives each star's radius and alpha — in-focus stars are points; out of focus they bloom into hollow doughnuts, exactly as a real reflector throws light.
Red-lightEvery colour is a CSS variable; a luminance remap converts canvas star tints to red so the toggle re-themes the pixels too, not just the chrome.
MotionDragging "grabs the sky" with momentum and a flick-release; push-to slews on an eased curve; a slow atmospheric wander and the occasional satellite pass keep the field alive without ever moving your target.

The signature — the slew & focus feel

The thing worth describing to a friend is how the instrument feels. Slewing is a physical grab: the sky follows your pointer one-to-one, carries momentum when you let go, and eases to a stop — so hunting for a faint smudge in the finder feels like nudging a real mount. Focus is the reward. As you turn the knob, defocused doughnuts shrink toward points, the status line coaches you, and — the second-read detail — the very brightest stars grow crisp four-point diffraction spikes the instant the field snaps critically sharp, while the focus readout and knob quietly glow to confirm it. Nail focus on a centred object and the log button appears; log it, and a graphite sketch is drawn at the eyepiece the old way.

04 / IterationThree passes on the bench

Pass 1 — Craftspacing · type · a11y

Points, not doughnuts

Audited type scale, contrast, and copy — the reading layer was already premium, so changes were surgical. The one real defect: the "skip to the telescope" link was parked permanently off-screen and never surfaced on focus. Rebuilt it as a proper skip control that slides into view on keyboard focus.

Pass 2 — Depthsignature · second read

A reward for critical focus

The focus feel deserved a payoff. Added diffraction spikes that appear on the brightest stars only when the field snaps sharp, plus a matching micro-interaction — the focus readout turns accent-red and the knob rings with a soft glow the moment you cross into critical focus. Both are gated to the eyepiece so the finder and charts stay clean.

Pass 3 — Hardening375px · reduced-motion · Chanel

Take one thing away

Verified the 375px layout, the reduced-motion static frame, focus-visible states, and DPR/resize/visibility handling. Applying the Chanel rule, removed the redundant radial glow ring around the eyepiece — a hairline, an inset shadow, and the found-pulse already do that work; the fourth layer was noise.