loading home
Three theme directions, each rendered as a self-contained mockup (same components, different tokens). Open each, pick a winner — we'll port it to the real surfaces afterwards.
Seven directions for the homepage footer, lightest to heaviest: leaf-mark, grouped clusters, terminal prompt, two-row + sprig, colophon, sectioned directory. Current footer included for reference.
Audience: Pick one to ship.
v1 stacked layout with the gen-5 walk-loop GIF swapped for the BW front-facing static sprite. Mascot stops competing for motion attention; only the typewriter moves in the masthead. Pixel-art warmth retained.
Audience: Current candidate.
Speech bubble emerges from turtwig with the HTML ⇄ MD typewriter inside. Earlier candidate, kept for comparison.
Audience: For comparison.
Mascot (animated gif) beside wordmark + typewriter below. Two moving elements compete for the eye. Kept for diffing.
Audience: Earlier attempt — for comparison.
Two ribbons share a band — one ink, one pine — weaving in and out of each other forever. The 'duo' in duodoc made literal: HTML and Markdown, two forms of the same content.
Audience: Replaces mascot. Tied to product mechanic.
Typewriter beneath the wordmark cycles between <h1>duodoc</h1> and # duodoc. Not decoration — illustration of what the product literally does to every doc.
Audience: Replaces mascot. Tied to product mechanic.
Dots materialize at random spots above the wordmark and draw dashed lines to specific letters. Visual metaphor for text-fingerprint anchoring — duodoc's actual core mechanic.
Audience: Replaces mascot. Tied to product mechanic.
Five small leaf glyphs drift slowly upward across the viewport at low opacity. Pure CSS keyframes. Works alongside the mascot — additive, not a replacement.
Audience: Additive ambient; pair with mascot.
Star-field with K-nearest-neighbor lines + cursor reach. Borrowed from abhinavagarwal.me; flagged as derivative.
Audience: Derivative.
Geometric mark replacing the mascot. Borrowed from abhinavagarwal.me's HeroArt; flagged as derivative.
Audience: Derivative.
The disciplined audit that's now live: pine accent, scenery dropped, mascot at home wordmark only, quiet section headers, distinct hover-vs-active tints, CliBanner toned down.
Audience: Shipped. Kept around for diffing.
Closest to today: cream + one accent, mascot at home only, ASCII pruned.
Audience: Mixed (current direction, disciplined)
Stripe-Press energy: serif headings, generous whitespace, no mascot.
Audience: Reviewers, design-doc / RFC users
Slate + mono everywhere + ASCII as primary identity. Indie + technical.
Audience: Developers, Claude Code users
Each variant is a flat mockup, not a working app — nothing interactive beyond the visual sample.