Terence Ong 88766d7005 feat: redesign public news feed with Apple-inspired premium aesthetic ...

Complete CSS rewrite implementing a clean, modern design:
- Inter font family with refined typography scale (22px titles, 15px body)
- CSS custom properties for full light/dark mode theming
- Card-based article layout with 8px radius, subtle shadows, hover lift
- Generous spacing and whitespace for premium feel (900px max-width)
- Source badges with background treatment, blue-tinted tag pills
- Staggered skeleton loading animations
- WCAG AA accessible focus states and contrast ratios
- Responsive breakpoints at 480px, 768px, 1024px
- Reduced motion and high contrast media query support
- Version bumped to 2.2.0

Design approved by Design Director (8.5/10), QA verified all
28 .pn-* class names preserved with zero React component changes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-04-07 16:43:05 +07:00

2.4 KiB

Raw Blame History

View Raw