Lumen Design System

Lumen is the visual and interaction layer behind the first version of Ray Studio. It is intentionally small: type, color, spacing, motion, cards, command surfaces, and content primitives.

#Role

I treated this as a product system, not a static homepage skin. The goal was to make later routes feel native without increasing the homepage density.

#System qualities

• Warm editorial surfaces.
• Developer-readable metadata.
• Low-chrome cards and rails.
• Motion that supports state changes.