How Agoda Powers Multiple Travel Brands with One Design System

This post details the technical implementation of Agoda's design system for white-label brands. It explains the use of design tokens and a theming mechanism, where brand-specific theme packages override base theme tokens. The architecture involves core component libraries, base themes, and brand-specific theme packages. Runtime theming is managed via a Context Provider that injects CSS variables. The post also covers the build process for theme NPM packages, including deep-merging default and white-label theme JSONs to generate CSS and JS files, and the use of Storybook with a theme selector for testing.