Visual identity

One kit, every site

This is what I understand you want: every site rebuilt from the same elements — the main site's structure, the Lacquer palette, the Loka-feel buttons, the prominent GitHub repo widget, the search box, and the light/dark toggle. Not "similar." The same parts, assembled the same way. The bar above and everything below is built only from those parts.

01 — The shared kit

Structure
🧭Main-site layout

The structure you like from emmaleonhart.com: fixed translucent top bar, brand left, generous sectioned body, numbered section headers. This whole page is that structure.

Palette
🎨Lacquer tokens

One palette, flips with the theme. The "box / colour" surfaces from Sutra and the rest all resolve to these tokens in /identity.css.

bg
card
border
accent
btn
sutra
Buttons
🔘The Loka feel

The buttons you like from Loka, now the single shared .btn. Primary recoloured to a calmer mid-tone fill — not the garish bright block. Live below.

GitHub widget
🐙The prominent one

Sutra's Material repo widget, verbatim: octocat, Owner/Repo, then version · stars · forks. The visible one you prefer over the small pill. Live, in the bar above.

Search
🔍The search box

The Material search, as a shared component — now compact, expanding on focus. The one in the bar filters these cards live; try typing "buttons".

Theme
🌕Light / dark toggle

The exact MkDocs-Material sun/moon toggle, dark by default, persisted. It sits right next to the GitHub widget in the bar — click it up there.

Top-right of the bar, beside the repo widget.
Aurora
🌌The side glow

The soft blurred glow at the edges (you liked it on Loka) — the shared .aurora in /identity.css. It is behind this page right now.

Look at the corners of the page.
Display type
✏️Gradient & italic

The gradient headline + italic-serif accent you like (the "Vibe Coding, done properly" look). Kept as an identity element — flagged in todo.md to revisit whether to dial it back.

See the page title above.
404
🚀Unified not-found

One shared 404.html on every site: a 15s visible countdown, page suggestions ranked by URL similarity (sitemap-driven), then auto-redirect to the subdomain root. Any interaction cancels the redirect.

02 — Where each site stands

Main siteThe reference. Structure + palette + buttons all here. This is the target.
SutraChrome restyled to this kit (dark header/tabs, shared button, cards). Already has the best GitHub widget + search — those stay and get spread out from here.
LokaHas the great buttons (now the shared ones) + shared palette. Its page layout is still its own — the remaining reconstruction to this structure.
querykey · alignment · topaz osShared identity.css (palette + buttons). Need the bar/widget/search alignment.
vibecoding · cleanvibevibecoding built on this kit from the start; cleanvibe joins via the scheduled local crons.

03 — What "synoptic" means here

Each site keeps its own content and structure (Sutra's nav is good, your main site's is good) but is rebuilt so the chrome is literally the same parts: this bar, this widget, this search, this toggle, these buttons, this palette. Send the reference attachments and I'll tune this page to match exactly what you're picturing, then roll it site by site.

emmaleonhart.com/branding · v1 — iterating on your references