Our Work
Dark mode implementations that work for Hong Kong brands
FinTech Platform Theme System
Built a complete dual-theme colour system for a Hong Kong fintech startup using CSS custom properties. The system maintained brand consistency across 47 UI components while passing WCAG AAA contrast standards in both light and dark modes. Reduced theme switching latency to under 100ms.
Multi-Brand Dark Mode Framework
Designed and implemented a reusable dark mode framework for an e-commerce network with 8 distinct brand properties. Used prefers-color-scheme media queries with localStorage fallback to remember user preferences. Implemented system preference detection across 3,200+ product pages.
Accessibility-First Theme Toggle Component
Created an accessible theme toggle component that meets WCAG 2.1 AA standards for both visual and keyboard navigation. Tested across 12 different colour blindness simulations to ensure readability. Component handles prefers-color-scheme detection with graceful fallbacks and stores user choice persistently.
Bilingual Publishing Platform Theme
Developed a theme system for a Hong Kong publishing platform supporting simultaneous English and Traditional Chinese rendering. Managed 32 CSS custom properties for colour, typography, and spacing that work cohesively in both light and dark modes. Tested contrast readability across 8 font combinations.
Ready to implement dark mode for your Hong Kong brand?
Let’s build a theme system that maintains your brand consistency while respecting user preferences and accessibility standards.