Ready
Variant 03
↓
Download build packReady to build. Markdown spec to prompt and build from.
Sketch docWDS Design System v3.0
Sketch pageComponents > Events > Cards > Foreseeable > + Speakers
+ Speakers
The Essentials base with a Speakers strip beneath the copy: avatars with a +N overflow counter, in Circle or Square.
01
Details
Container · 4C (with speaker strip)
TierVariant
FamilyEvents
BucketCards
GroupForeseeable (4C)
Variant+ Speakers
Builds onEssentials
Canonical nameEvents / Cards / Foreseeable / + Speakers
IDevent-card-4c-essentials-speakers
Render to follow
02
Spacing
| Speaker strip | Above | Below |
|---|---|---|
| Small | 16 md | 16 md |
| Medium | 16 md | 16 md |
| Large | 24 xl | 16 md |
Notes
- The speaker strip sits beneath the content stack. Above is the gap from the copy; below is the gap to the card's bottom edge.
- Only Large opens up above (xl 24); Small and Medium use md 16. Below is md 16 in every size.
- The strip holds up to five 40px avatars at an 8px gap, plus a +N overflow counter; avatar shape (Circle / Square) is a setting. All other spacing inherits the Essentials slot model. Scale: xs 8 · sm 12 · md 16 · lg 20 · xl 24.
Events · Cards · Foreseeable · + Speakers
The Essentials base plus the Speakers strip. Details and data are read from the live Sketch master (WDS Design System v3.0). Re-export the renders when the component changes.
The Essentials base plus the Speakers strip. Details and data are read from the live Sketch master (WDS Design System v3.0). Re-export the renders when the component changes.