RTL & Videoland Design System

Design system

Rethought the design system's structure to scale with Videoland's product roadmap instead of patching it project by project. Built the foundation: token architecture, component documentation, and a way of working that let other designers contribute without breaking consistency. Used mainly for the marketing website, but built to eventually cover the whole Videoland ecosystem, streaming platform, TV and all. Started solo, later joined by a second designer.

Every state, size and background variant documented, so no one has to guess.

Every state, size and background variant documented, so no one has to guess.

One type scale defined once, consistent across breakpoints and TV.

One type scale defined once, consistent across breakpoints and TV.

Content components built around Videoland's actual visual identity, not generic placeholders.

Content components built around Videoland's actual visual identity, not generic placeholders.

A token-based colour system with semantic naming, so updates propagate instead of getting patched screen by screen.

A token-based colour system with semantic naming, so updates propagate instead of getting patched screen by screen.

Let’s grab a (virtual) coffee?

hello@ruijunmei.com

© Rui Jun Mei 2026

Let’s grab a (virtual) coffee?

hello@ruijunmei.com

© Rui Jun Mei 2026

Let’s grab a (virtual) coffee?

hello@ruijunmei.com

© Rui Jun Mei 2026