UI overhaul: Notion-inspired design, animations, Phosphor icons#6

Merged

Dandiggas merged 33 commits into

mainfrom

ui-overhaul-2026-04-08

Apr 9, 2026

Commits on Apr 8, 2026

docs: add UI overhaul design spec

Dandiggas
and
claude
committed
docs: add UI overhaul implementation plan

Dandiggas
and
claude
committed
deps: add framer-motion, phosphor-icons, geist; remove lucide-react
Dandiggas
committed
style: swap Plus Jakarta Sans for Geist Sans + Geist Mono
Dandiggas
committed
style: swap color palette from purple to warm rose/stone
Dandiggas
committed
feat: add motion utilities and stagger-reveal wrapper
Dandiggas
committed
style: migrate all icons from Lucide to Phosphor Icons

Dandiggas
and
claude
committed
style: update card component with warm shadows and larger radius

Dandiggas
and
claude
committed
style: clean up button gradients, replace with solid primary

Dandiggas
and
claude
committed
style: overhaul dashboard with bento layout, left-aligned hero, stagger reveals

Dandiggas
and
claude
committed
style: overhaul auth pages with left-aligned layout, stagger reveals, liquid glass
Dandiggas
committed
style: overhaul practice studio with bento layout, mono typography, spring beats

Dandiggas
and
claude
committed
style: update header and mobile nav with stronger backdrop blur
Dandiggas
committed
style: overhaul recommendations page with asymmetric layout and stagger reveals
Dandiggas
committed
style: overhaul profile page with stagger reveals, mono numbers, asymmetric grid
Dandiggas
committed
style: final sweep — fix h-screen, remove remaining hardcoded colors

Dandiggas
and
claude
committed
style: swap primary accent from rose to lighter sky blue
Dandiggas
committed
style: apply high-end visual design patterns

Dandiggas
and
claude
committed
animate: add motion to practice-timer page

Dandiggas
and
claude
committed
animate: enhance metronome, tuner, and take recorder interactions

Dandiggas
and
claude
committed
animate: add motion to profile and recommendations pages

Dandiggas
and
claude
committed
style: switch to light mode, fix design review findings

Dandiggas
and
claude
committed
style: add strategic color — amber warmth, emerald success, vibrant charts

Dandiggas
and
claude
committed
style: shift to Notion-inspired aesthetic

Dandiggas
and
claude
committed
style: default to dark mode (Notion warm dark #191919)
Dandiggas
committed
style: try teal primary (#0D9488) per UI/UX Pro Max recommendation
Dandiggas
committed
style: redesign recommendations page — tool-like, not landing page

Dandiggas
and
claude
committed
polish: fix dark mode contrast, cleanup code

Dandiggas
and
claude
committed
docs: park visual identity ideas for future exploration
Dandiggas
committed
style: redesign profile page — tool-like, not dashboard template

Dandiggas
and
claude
committed
fix tests + add TODO roadmap

Dandiggas
and
claude
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

UI overhaul: Notion-inspired design, animations, Phosphor icons#6

UI overhaul: Notion-inspired design, animations, Phosphor icons#6
Dandiggas merged 33 commits into
mainfrom
ui-overhaul-2026-04-08

Commits on Apr 8, 2026

docs: add UI overhaul design spec

docs: add UI overhaul implementation plan

deps: add framer-motion, phosphor-icons, geist; remove lucide-react

style: swap Plus Jakarta Sans for Geist Sans + Geist Mono

style: swap color palette from purple to warm rose/stone

feat: add motion utilities and stagger-reveal wrapper

style: migrate all icons from Lucide to Phosphor Icons

style: update card component with warm shadows and larger radius

style: clean up button gradients, replace with solid primary

style: overhaul dashboard with bento layout, left-aligned hero, stagger reveals

style: overhaul auth pages with left-aligned layout, stagger reveals, liquid glass

style: overhaul practice studio with bento layout, mono typography, spring beats

style: update header and mobile nav with stronger backdrop blur

style: overhaul recommendations page with asymmetric layout and stagger reveals

style: overhaul profile page with stagger reveals, mono numbers, asymmetric grid

style: final sweep — fix h-screen, remove remaining hardcoded colors

style: swap primary accent from rose to lighter sky blue

style: apply high-end visual design patterns

animate: add motion to practice-timer page

animate: enhance metronome, tuner, and take recorder interactions

animate: add motion to profile and recommendations pages

style: switch to light mode, fix design review findings

style: add strategic color — amber warmth, emerald success, vibrant charts

style: shift to Notion-inspired aesthetic

style: default to dark mode (Notion warm dark #191919)

style: try teal primary (#0D9488) per UI/UX Pro Max recommendation

style: redesign recommendations page — tool-like, not landing page

polish: fix dark mode contrast, cleanup code

docs: park visual identity ideas for future exploration

style: redesign profile page — tool-like, not dashboard template

fix tests + add TODO roadmap

Commits on Apr 9, 2026

chore: remove AI tooling artifacts from tracking

chore: remove graphify cache, media uploads, stitch artifacts from tracking