Publishing · Components
Components
The WDS component library — every component family, organised as concept × variant matrices. Each family page is the contract the dev team builds from and the map of what still needs creating in Sketch. Built on the Object Framework.
01
Families
Each family is a concept × variant matrix — one object per cell. Open a family to see its grid, definitions and names.
Video Player
Default Player · Live Player · Session Replayer, framed as Side Panel · Compact · Theatre · External Embed · Reader.
3 concepts · 5 variantsEvents
Basic · Featured · Banner — the repeating units of an event listing.
Draft · building out
How the library grows
- Each family page is the contract the dev team builds from — and the map of what still needs creating in Sketch.
- Modelled on the Object Framework — the Block / Component / Element tiers, the four-axis package, and the naming convention.
- New families slot in here as they're defined; new objects are cells added to a family's matrix.
Component Library
The home of the WDS component families. Each family is a concept × variant matrix; building them out defines the design work and keeps the catalogue and the build in step.
The home of the WDS component families. Each family is a concept × variant matrix; building them out defines the design work and keeps the catalogue and the build in step.