Kylie Beauty
Site Design & Design System
Three brands, one system, and a client who reviews on her iPhone.
Overview
Kylie Beauty had three distinct brands — Kylie Cosmetics, Kylie Skin, and Kylie Baby — each with its own identity, audience, and aesthetic. The business needed a unified design system that could serve all three without flattening them into sameness. And the primary reviewer was Kylie Jenner herself, evaluating everything on her iPhone.
Mobile-first wasn't a technical requirement. It was the client relationship.
Not Just Customers, Fans
The Kylie Beauty audience isn't transactional. They're fans first. They follow Kylie's personal life, style, and announcements before they buy. That intimacy shaped everything about the design direction.
We defined the guiding concept as Intimate Glam — the feeling of getting ready with your best friend who happens to have incredible taste and access. Not a luxury brand performing exclusivity. A personal aesthetic that invites you in.
The system was built on five pillars:
- Intimacy — personal, like Kylie is talking to you directly
- Authenticity — real, not produced
- Playfulness — fun, not frivolous
- Aspiration — the life you want, not out of reach
- Inclusivity — beauty for everyone, not a narrow standard
Designing for an Audience of One
Kylie reviewed everything on her phone. That constraint was the design brief. Every component, every type size, every interaction was evaluated against a 375px viewport in portrait orientation.
Color accessibility was a specific challenge. Kylie Beauty's brand palette leans heavily on pinks, nudes, and pastels — all low-contrast against white. Rather than fight the palette, we reframed accessibility as a brand expression: the careful choice of slightly deeper, more saturated versions of the brand colors that maintained the aesthetic while meeting WCAG AA standards. Accessibility as identity, not compromise.
The System
The deliverable was a Figma design system that served all three Kylie brands from a shared component library. Color tokens, typographic tokens, and spacing tokens were defined at the foundation layer. Brand-specific token sets overrode the foundation for each property where the brands diverged.
Think of it like a music system. The same instruments, the same rhythm section. Kylie Cosmetics is pop. Kylie Skin is ambient. Kylie Baby is acoustic. Same components, different sound.
Managing three simultaneous brand identities for a single client requires a different skill set than traditional CD work. You're a hub. You hold the system. You translate between marketing, development, and the client, making sure nothing drifts. You protect the coherence of each brand while keeping them aligned enough to share infrastructure. Creative diplomacy at scale.
What This Work Reveals
The Kylie Beauty engagement was a masterclass in constraint-as-asset. A client who reviews on her iPhone means every design decision is tested against the highest-stakes mobile scenario: someone with perfect taste, intimate brand knowledge, and no patience for anything that doesn't feel right.
The brand system that came out of this project wasn't a deliverable. It was institutional knowledge, encoded. When Kylie Baby launched, the design team knew exactly how to extend the system without starting from scratch. That's what a real design system does.