eBay · Design system breakdown
A two-sided marketplace system tuned for high-density commerce.
A community-authored style reference in Markdown — colors, type, spacing, and an AI-ready prompt. Unofficial; not affiliated with eBay.
eBay's design system has matured under the Evo and Skin programs over many years, codifying patterns from a marketplace older than most modern design systems. The publicly-shared Playbook crystallized this work into a navigable reference covering web and the eBay native apps used by hundreds of millions of buyers and sellers.
Centralized design and engineering ownership inside eBay; component changes ship through internal release management with explicit accessibility gates. Public guidance is the windowed view; the production component library is largely internal.
The identity-bearing decisions, rendered. Names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
color-brand-red
eBay red, primary brand mark
color-brand-blue
Buy It Now action color
color-text-primary
Default body text
color-text-secondary
Metadata, condition labels
font-family-product
eBay's product UI typeface
spacing-base
Base spacing step
Exactly what ships in ebay-design-design.md — plus the same token snapshot restated as CSS custom properties. Copy either, or feed the Markdown straight to an AI coding tool as styling context.
# eBay Evo — Design Style Reference > **Unofficial, community-authored reference.** Compiled by [designsystems.one](https://www.designsystems.one). Not affiliated with, endorsed by, or sponsored by eBay. "eBay Evo" and related marks belong to their respective owners. This document describes publicly observable style attributes in original words — it contains no copied documentation, logos, icon artwork, or original token files. Always defer to the official source for canonical, current values. **System:** eBay Evo **Owner:** eBay **Official documentation:** https://playbook.ebay.com/design-system --- ## Summary A two-sided marketplace system tuned for high-density commerce. ## Origin eBay's design system has matured under the Evo and Skin programs over many years, codifying patterns from a marketplace older than most modern design systems. The publicly-shared Playbook crystallized this work into a navigable reference covering web and the eBay native apps used by hundreds of millions of buyers and sellers. ## Governance Centralized design and engineering ownership inside eBay; component changes ship through internal release management with explicit accessibility gates. Public guidance is the windowed view; the production component library is largely internal. ## Known for - Density patterns for item grids and search results that work across long-tail categories without breaking down at scale. - Localization muscle — eBay ships across dozens of locales and the system handles right-to-left, varying currency formats, and region-specific surfaces unusually well. - Buyer-and-seller dual-mode design — the same system has to serve casual shoppers and power sellers running real businesses. ## Underrated - The filter and refinement patterns for category-heavy search are quietly best-in-class — facets, range pickers, and applied-filter chips are well-documented. - Their typography ramp (Market Sans) is engineered for reading dense product titles and prices at small sizes, not just hero copy. ## Watch out for - Patterns assume marketplace dynamics — bidding, watching, listing — that don't map onto single-vendor commerce or content surfaces. - Visual identity is heavily eBay-flavored. The Playbook's value is the patterns; the colors and type are not lift-and-shift assets. ## Design tokens (illustrative) Representative token values, restated as facts for reference. Names and values are illustrative — refer to the official tokens reference for the canonical, current set. | Token | Value | Role | | --- | --- | --- | | `color-brand-red` | `#e53238` | eBay red, primary brand mark | | `color-brand-blue` | `#0064d2` | Buy It Now action color | | `color-text-primary` | `#111820` | Default body text | | `color-text-secondary` | `#707070` | Metadata, condition labels | | `font-family-product` | `Market Sans, Helvetica, sans-serif` | eBay's product UI typeface | | `spacing-base` | `8px` | Base spacing step | ## Style brief The identity-bearing decisions, at a glance: - **Brand / primary action:** `#e53238` (eBay red, primary brand mark) - **Body text:** `#111820` (Default body text) - **Base spacing:** `8px` (Base spacing step) - **Type:** `Market Sans, Helvetica, sans-serif` (eBay's product UI typeface) ## Components worth studying - **ItemCard** — Dense product card with image, title, price, condition, and seller signal — works in lists and grids. - **FilterDrawer** — Mobile-first refinement surface with stacked filter groups, applied-chip review, and sticky apply. - **BidButton / Watch** — Two-mode call-to-action that switches between immediate purchase and bid commitments. ## When to choose eBay Evo Study eBay Evo if you're building two-sided marketplaces, classifieds, or any product where dense inventory and aggressive filtering are the core experience. Don't apply it whole to single-brand commerce — it carries marketplace assumptions. ## Apply this style with an AI tool Paste this into your AI coding assistant as a direction, then iterate: > Design in the spirit of eBay Evo by eBay — A two-sided marketplace system tuned for high-density commerce. Use a primary action colour near #e53238, and a restrained, consistent scale. Lean into what it's known for: Density patterns for item grids and search results that work across long-tail categories without breaking down at scale. Match the intent, not the pixels; adapt it to my product rather than cloning it. ## Official references - [eBay Playbook](https://playbook.ebay.com/design-system) - [eBay Engineering blog](https://innovation.ebayinc.com/) - [Skin (legacy reference)](https://er.ebay.com/skin/) --- _Generated by [designsystems.one](https://www.designsystems.one/design-systems/ebay-design) — a catalogue of public design systems. Style facts are reported for reference and education; adapt them to your own product. Report issues or takedown requests via the site._
If you're evaluating this system
Study eBay Evo if you're building two-sided marketplaces, classifieds, or any product where dense inventory and aggressive filtering are the core experience. Don't apply it whole to single-brand commerce — it carries marketplace assumptions.
