Behind the Design

The making of this fan reference: design choices, honesty architecture, and what was deliberately left out.

The brief

Build a complete reference site for Adrian Halden — a fictional StarTeam hero from the Vizlings app whose entire official description is three words: “star blue male.” The site had to do three things at once: honor the card, invent a worthy world, and never once pretend the invention was documentation.

The visual world

Every character site in this project gets its own visual identity; Adrian Halden’s is deep space. The light theme is a star chart — pale chart-paper with faint cobalt constellation lines, the aesthetic of navigation and hope. The dark theme is the thing being navigated: midnight navy, a drifting starfield, nebula glows, and a comet constellation watermark. The accent color is cobalt throughout — Halden’s blue, carried into the interface. The ✦ star marker before section headings is the site’s smallest signature: every page is, literally, under the stars.

The honesty architecture

The hardest design problem was labeling. A fan reference for a fictional character needs honesty labels that are structural, not decorative:

What was left out

Deliberate omissions: no fake “official” backstory presented as canon — the site invents openly rather than forging authority. No real-world dates mixed with Concord Years — the fictional calendar is quarantined from reality. No AI-generated faces presented as real people — there are no real people here at all. And no stream presented as live — the Stream page’s mockup is labeled at every level, from the badge to the config comments.

The content architecture

Twenty-four pages: ten core references (home through world guide), ten deep dives, sources, methodology, social pack, and stream. The deep dives exist because the brief asked for the character to feel lived-in — costume details, training routines, ship specs — the texture that makes a fictional world feel like somewhere. The lore bible (the internal consistency document behind every page) fixes the non-negotiables: the card’s three words, the call sign, the six names, the ship, the cost. Everything else is elaboration, and the site says so.

Source notes