Site redesign: Luminous Monolith design system

[kjaymiller]

Summary

• Full visual redesign with a new "Luminous Monolith" design system — dark, commanding presence with warm gold and subdued cyan accents
• Standalone CSS (bpd.css) replacing Pico CSS dependency — includes all resets, typography, forms, layout, and component styles
• Light/dark mode support via OS preference and manual toggle with localStorage persistence
• New color system with --bpd-* custom properties: subdued cyan (primary), warm gold (secondary), and azure/violet (tertiary for brand buttons)
• Typography overhaul using DM Sans (body/headings) and Syne (hero/footer display)
• Updated layouts across header, footer, about, blog list, post pages, index, and event/sponsor sections
• New STYLEGUIDE.md documenting the full design system (colors, typography, components, spacing)

Files changed (19)

• assets/css/bpd.css — major rewrite (1467 lines changed)
• assets/css/pico.colors.min.css — expanded color token system
• assets/js/bpd.js — new JS for theme toggle
• _layouts/ — updated templates (default, about, index, post, blog-list, includes)
• index.html — redesigned landing page
• STYLEGUIDE.md — new design system documentation
• app.py, uv.lock — minor build updates

Test plan

• Verify dark mode renders correctly (default)
• Verify light mode via OS preference and manual toggle
• Check all pages: index, about, blog list, individual posts
• Confirm responsive layout on mobile/tablet/desktop
• Verify LinkedIn and Discord button styling
• Check sponsor/partnership sections render properly
• Validate WCAG contrast on text elements

🤖 Generated with Claude Code