feat: redesign public news feed with Apple-inspired premium aesthetic

Browse Source

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>

...

This commit is contained in:

Terence Ong

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

parent e8a45e9068

commit 88766d7005

4 changed files with 1452 additions and 246 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

887

public/css/public-style.css

File diff suppressed because it is too large Load Diff