https://vimeo.com/1158099204

The Challenge

Our platform integrated 30+ different lotteries. The goal was to give each lottery its own unique brand identity while maintaining a consistent structure. We needed a system that allowed for rapid customization without manual redesigns.

The Solution: A Token-Based Visual System

1. Individual Branding

I developed a unique visual style for every single lottery. This wasn't just about logos; it was a complete "atmosphere" for each game:

• Custom Color Palettes: I hand-picked primary and accent colors for all 30+ lotteries to ensure they felt distinct and professional.
• Multi-Resolution Assets: Created a library of images and icons optimized for all screen sizes (mobile, tablet, desktop) to ensure high-quality rendering.

2. Light & Dark Mode Support

To provide the best user experience, I designed dual-theme support for every lottery:

• Every game was optimized for both Light and Dark themes.

• I carefully adjusted contrast ratios and saturation levels so that the brand colors remained vibrant and accessible, regardless of the user's system settings.

  

  

3. Figma Design Tokens

To make this scalable, I built a robust Design Token system in Figma:

• The Logic: Instead of using fixed hex codes, I used semantic tokens (e.g., brand-primary, surface-background).

• The Flexibility: This system allows us to change a lottery's entire look simply by updating its tokens. It transformed "designing a page" into "configuring a theme."