cat style-guide.md
Brand & Design
A living reference for reganmcgregor.com.au. Every value here is read fromtokens.css at runtime, so it tracks the real system and reflects the current theme. The written rules live in DESIGN.md.
grep palette
Palette
Brand
Surfaces
Text & links
Lines & code
Gradients
git branch -a
Branches
A runtime layer over tokens.css: each branch re-maps the same token contract, so components need no changes. Branches compose with the build-time pnpm theme sheets rather than replacing them —main is simply the absence of data-branch, i.e. whatever theme is currently shipped. Every non-main branch is fixed-scheme (there is no light Dracula), so each hides the sun/moon toggle. Where a published brand colour fails WCAG AA as text it was demoted to fills and borders, with an in-family substitute carrying the text: accessibility overrides fidelity.
my orange. Predates every AI company that later had the same idea.
Regan’s own brand orange, in use long before the current crop of coding tools.
coral on cream. Tasteful. Quietly expensive.
Anthropic’s published brand palette. Its accents fail AA on the cream ground and pass on the ink, so the dark scheme is the more faithful of the two.
clean surfaces, blue accents, a pet for company.
OpenAI Codex app tokens. #339cff accent on white/dark surfaces, system typography, 12.5px radii — plus all 8 spritesheet pets.
Gemini CLI in witness protection. Deep navy, Antigravity blue, SVG aura gradients.
Google Antigravity & Gemini AI palette: sampled directly from the official Antigravity SVG logo filters (#3186FF, #749BFF, #FC413D, #FBBC04, #00B95C).
the theme every dev has tried once. Immortal, faintly goth.
Dracula Classic and Alucard Classic (MIT). Both flavours are official.
mocha, for people who alphabetise their dotfiles.
Catppuccin Mocha and Latte (MIT), using the project’s own Base/Mantle/Crust/Mauve vocabulary. Both flavours are official.
indigo gradients, glassmorphism, and the word “delve”. Ships slop by default. On purpose.
Original parody of AI-generated design. Tailwind’s indigo-500 is the documented origin of the aesthetic, so the hue is the joke.
grep type
Type
Gabarito Variable
AaBbCc 0123 — The quick brown fox
IBM Plex Mono
AaBbCc 0123 — >_ machine layer
Scale
Label grammar
terminal prompt label
hero kicker with cursor
Prompts are lowercase mono with a >_ prefix; headings and titles are Title Case. One blinking cursor per page.
grep primitives
Primitives
Buttons
Card
Card surface
Elevation on light, border-led on dark. Uses --color-card, --radius-lg, --shadow-card.
Links
Inline text links use --color-linkand shift to --color-text on hover.
grep radius
Radius & elevation
grep scale
Scale
grep voice
Chrome copy
- 404 This page ranks for absolutely nothing.
- CTA Yes, obviously →
- footer >_ 100% organic traffic, locally sourced.
Dry, tongue-in-cheek, pop-culture unashamed — in labels and UI chrome only, never in SERP-facing copy.