Skip to main content
← Back to Changelog
Improvement

Design System Normalization

Unified design tokens, improved accessibility with WCAG AA contrast ratios, and responsive layout polish across all pages.

We've done a comprehensive pass across the entire Surchin UI to normalize our design tokens and improve accessibility.

What changed

  • Semantic color tokens are now consistent across every page — no more one-off hex values
  • WCAG AA contrast ratios (4.5:1 for text, 3:1 for UI components) verified across both light and dark themes
  • Responsive layouts refined for tablet and mobile breakpoints, particularly on the dashboard and settings pages
  • Focus indicators improved for keyboard navigation throughout the app

Design tokens

All color, spacing, and typography values now flow through a single token system. This means theme changes propagate instantly and consistently, and future components automatically inherit the right values.