design system
Elevating Nexxen’s enterprise experience with a modern, scalable design system.
Nexxen
Design System
A unified visual language and component library for a demand-side advertising platform, built as part of a company-wide platform uplift I led as Head of Design.
THE PROBLEM
Nexxen's product spanned multiple sub-products — campaign, deals, reporting and targeting tools — each built independently over time. UI and UX patterns had drifted apart screen to screen, slowing design and development and making the product feel cluttered and inconsistent to clients.
MY ROLE
As Head of Design, I led a team of 4 designers through an audit of every product surface, defined the foundational tokens and component set, and drove adoption across engineering as part of a broader platform uplift initiative.
252
4
Faster
component families unified across the platform
designers led through the system build
screen design once the system was live — clients reported the product felt clearer, less cluttered
01 · FOUNDATIONS
Color
A cool, desaturated navy-purple brand against near-white surfaces. Color is reserved for brand chrome and status — not decoration — which keeps dense, data-heavy screens legible.
NEUTRALS
INFO BLUE
BRAND PURPLE
ERROR & ACCENT
SUCCESS GREEN
WARNING AMBER
02 · TYPE
Roboto, one voice
Roboto is the sole typeface across the product. 10–12px dominate the scale, reflecting how densely the tables and forms are packed.
03 · SPACING & ICONS
A compact system
A small, table-driven spacing scale based on X8 rule
SELECTED COMPONENTS
Hover over each animation to preview its idle and hover states.
Account
Logout
Integration
Tag
Play
Monetization
Search
Bars
Pulse
Ad-Break
Sliders
Gear
