← emmaleonhart.com

Examples

Every distinct visual identity currently in use across this site and its six sister projects, side by side, under abstract codenames.

This gallery exists so the differences are visible in one place before any of them is changed. Each card links to a dedicated page that renders the style with representative components and lists the exact tokens (palette, typography, radii, spacing, signature motifs) that make it look that way. Codenames are deliberately abstract — they're not derived from the projects that use them — so the conversation can stay about the style rather than the product.

Four styles in use

Lacquer
Lacquer
Atmospheric, premium, animated. Drifting aurora gradients behind a periwinkle accent and serif italics in the lede.
in use: emmaleonhart.com landing · /projects/ · /research/ · yantra · querykey · alignment
card link card
Slate
Flat, utilitarian, system-font. The "tool shed" surface — no animation, small cards in a tight grid, modest padding.
in use: /tutorials/ · /theory/ · every per-visualizer page
ProjectName
rust apache 2.0 preview
Pewter
GitHub-dark cribbed wholesale. Centered hero, semantic colored badges, structured sections divided by hairline borders.
in use: loka
Section
Body copy with inline code.
Heather
Documentation-shape: MkDocs Material in deep purple + indigo, with tabs, sidebar, integrated table of contents, and a dark/light toggle.
in use: sutra (sutra.emmaleonhart.com)