Four ways into the garden

Navigation prototypes for blog.mstyles.net. Same warm style, different doors.

A2. Garden (retro dark)

The garden map in a dark 60s–70s palette: espresso background with film grain, Righteous headings, supergraphic stripes and seeds that bloom with a warm glow.

A. Garden map

Topics grow as clusters on a pannable, zoomable canvas, and cards bloom open when you hover or tap them.

B. Combination dial

Spin a combination-lock ring to pick a topic, and the posts appear through a keyhole that opens.

C. Card deck

Cards fan out and fly into place (View Transitions with a FLIP fallback) when you switch topics, and they lean magnetically toward the cursor.

D. Renaissance notebook

A da Vinci–style parchment codex: zoom into a sepia sketch to open a topic folio, then turn the pages between topics.