Skip to content

redesign(app): unify authenticated UI with landing page visual language#6

Merged
austinchima merged 1 commit into
masterfrom
redesign/app-ui
Jun 29, 2026
Merged

redesign(app): unify authenticated UI with landing page visual language#6
austinchima merged 1 commit into
masterfrom
redesign/app-ui

Conversation

@austinchima

Copy link
Copy Markdown
Owner

Re-styles 13 presentation files to match Precept.Web/src/pages/Landing.tsx end-to-end. Presentation only — zero changes to data fetching, hooks, state, routing, AuthContext, props, or return contracts.

Files

  • components/Layout.tsx, components/ui/sign-in.tsx, components/ui/8bit-not-found1.tsx (retro 8-bit look replaced)
  • pages/LoginPage.tsx, Dashboard.tsx, AppTracker.tsx, StoryBank.tsx, QuizMode.tsx, JDMatcher.tsx, Settings.tsx, Readiness.tsx, HomePage.tsx, Subscription.tsx

Aesthetic adopted from Landing

  • #02050A slate base · teal #2dd4bf + violet #8b5cf6 + rose/amber accents
  • Bricolage Grotesque headlines · Instrument Serif italic emphasis · Geist body · JetBrains Mono
  • Pill CTAs (white-on-dark) · IDE-window mockups · dot-grid + radial-halo backgrounds · eyebrow status pills

Gates passed

  • npm run lint (tsc --noEmit, 0 errors)
  • npm run build (succeeds)
  • npm run dev (boots, no Invalid hook call, clean console)

Hard constraints honored

  • vite.config.ts untouched
  • npm only (no yarn)
  • no new deps, no .emergent/ or .gitconfig artifacts
  • src/lib/skills.ts + SkillRadar + SKILL_CATEGORIES reused, not forked
  • accessibility (aria, keyboard, focus, mobile breakpoints) preserved
  • single appended CHANGELOG entry under [Unreleased]

Re-style 13 presentation files to match Precept.Web/src/pages/Landing.tsx:
palette, typography (Bricolage Grotesque + Instrument Serif italic emphasis +
Geist + JetBrains Mono), pill CTAs, IDE-style code surfaces, dot-grid +
radial-halo backgrounds, eyebrow pills, glass/gradient cards.

Scope: presentation only. No changes to data fetching, hooks, state, routing,
AuthContext, props, or return contracts. Re-styles markup; does not rewire it.

Files:
- Precept.Web/src/components/Layout.tsx
- Precept.Web/src/components/ui/sign-in.tsx
- Precept.Web/src/components/ui/8bit-not-found1.tsx (replaced retro 8-bit look)
- Precept.Web/src/pages/LoginPage.tsx
- Precept.Web/src/pages/Dashboard.tsx
- Precept.Web/src/pages/AppTracker.tsx
- Precept.Web/src/pages/StoryBank.tsx
- Precept.Web/src/pages/QuizMode.tsx
- Precept.Web/src/pages/JDMatcher.tsx
- Precept.Web/src/pages/Settings.tsx
- Precept.Web/src/pages/Readiness.tsx
- Precept.Web/src/pages/HomePage.tsx
- Precept.Web/src/pages/Subscription.tsx

Verified: npm run lint (tsc --noEmit, 0 errors), npm run build (succeeds),
npm run dev boots, no Invalid hook call.
@austinchima austinchima merged commit 8cebb58 into master Jun 29, 2026
3 checks passed
@austinchima austinchima deleted the redesign/app-ui branch June 29, 2026 01:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant