Redesign visual system: modern neutrals, refined accent, new landing page - #14
Merged
Conversation
…page Grounded in current design research (see PR): soft warm-neutral surfaces instead of tinted washes, accent color reserved for actions, hairline borders over heavy shadows, stepped dark-mode surfaces, and a type-led hero with a five-second value proposition. - Palettes: warm limestone light theme; dark theme with stepped surfaces (+5-8% luminance per level) and a more luminous accent; refined crimson primary replacing washed-out coral; high-contrast variants updated - Landing page rewritten: wordmark top bar, 'Every campus event. One place.' hero, product-first event-card preview stack, minimal feature grid, stats strip, final CTA — fully theme-aware and reduced-motion friendly (replaces the pink blob artwork) - Login: wordmark + hairline card; Club/Social badges become tinted chips; EventCard gets hairline border and softer elevation; Button radius 12 with quiet neutral outline variant Verified with phone-viewport screenshots in both themes; typecheck, lint, and unit tests clean. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011nrgpkJbvZ9JCf2VA2kKvJ
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Full visual overhaul grounded in current design research: typography-led heroes with a 5-second value proposition, soft "unbleached" neutral surfaces instead of tinted washes, accent color used strategically for actions rather than everywhere, hairline borders over heavy shadows, and dark themes built from stepped surfaces (+5–8% luminance per level) with more luminous accents.
Changes
constants/theme.ts) — warm limestone light theme; stepped-surface dark theme; refined crimson#E11D48primary (luminous#FB7185in dark) replacing the washed-out coral; high-contrast variants updated. Because every screen consumes these tokens, the whole app reskins from this one file.Verified with phone-viewport screenshots in light and dark;
tsc0 errors, lint clean, 21/21 unit tests. Screenshot iteration caught and fixed a mobile flex-basis bug (feature cards stretching to 320px tall) and a stats-strip overflow.Sources consulted: web design guidelines, 2026 design trends, SaaS landing page trends, dark mode token guides, dark palettes, Luma design breakdown.
🤖 Generated with Claude Code
https://claude.ai/code/session_011nrgpkJbvZ9JCf2VA2kKvJ
Generated by Claude Code