Spaceship Design System
Namecheap's in-house design system, powering the New Products POD across web and mobile.
Role
Lead UI/UX Designer
Timeline
2017–2020
Platform
Web · Android · iOS
Team
Design System & New Products POD
The Problem
Namecheap was launching a wave of new products in parallel: Spaceship, VPN, Supersonic CDN, Logo Maker and more. Without a shared foundation, every team rebuilt the same buttons, forms and patterns, and the products drifted apart visually and in behaviour.
The Solution
Spaceship is the design system I built to anchor that expansion: a complete library of foundations, components and patterns, documented so any product team could assemble a consistent, accessible UI fast, and ship new products that still felt like one family.
Key Tokens
7+
products shipped on it
1
shared foundation
3
platforms (Web · iOS · Android)
Foundations first
I started where every durable system does, with the foundations: a deliberate color system, a type scale, spacing, grid, elevation and motion. Getting these primitives right meant everything built on top inherited consistency for free, rather than bolting it on later.
A component library teams actually reach for
From buttons and inputs to tables, media objects, pricing blocks and empty states, the library covered the real surface area of Namecheap's products. Each component carried usage guidance and accessible defaults, so teams assembled vetted pieces instead of reinventing them.
Proven by what shipped on it
The truest test of a system is the product built with it. Real flows (onboarding, sign-up, messaging) were composed entirely from Spaceship, validating that the system held up under production demands and across platforms.
What I did
- Built the foundations: color, type, spacing, grid, elevation and motion
- Designed and documented the full component library and interaction patterns
- Lead designer for the New Products POD, applying the system to shipped products
- Established usage guidance and accessible defaults across components
OxygenOS
