Activity Dashboard

Color, spacing, and type tokens organized into a token-first architecture with dark mode support.

Editorial layout with named grid areas and a responsive auto-fit card grid that adapts without breakpoints.

Fluid typography using clamp() and a modular scale with web fonts loaded for performance.

Transitions, keyframe animations, and reduced-motion support applied across the portfolio.

Accessible SVG sprite system using symbol and use with currentColor theming.

Capstone project showcasing the full toolkit built throughout this course.