Ready Variant 01

Essentials

The text-led base card at 12C.

Bucket: CardsGroup: FWVariant: EssentialsModes: LM + DM
↓ Download build packReady to build. Markdown spec to prompt and build from. Generated 30 Jun 2026WDS v3.0 Sketch docWDS Design System v3.0 Sketch pageREADY: Components > Events > Cards > FW > Essentials + Media
01

Details

Container · 12C (full content width, one event per row)
TierVariant
FamilyEvents
BucketCards
GroupFW (12C)
VariantEssentials
Builds onEssentials
Canonical nameEvents / Cards / FW / Essentials
IDevent-card-fw-essentials
Preview · media container
Full Width Essentials card, text only
02

Component Anatomy

Notes
  • The slot model, roles and content schema are inherited from Essentials; the full-width build introduces no new text slots.
  • Content-led: the copy column and an optional media panel sit side by side, never copy over media. That is the line between a Full Width card and a Banner (image-led, copy over media).
  • Media panel (optional). Mounts on the content row; four containers, narrowest to widest: Skyscraper (1:4), Vertical Media (9:16), Square (1:1), Standard Media (16:9). No container leaves the card text-only across the rail.
  • Every container is shown true-size in both modes; the preview stage is fixed-height so the toggle compares like for like.
03

Spacing

Notes
04

Typography

Notes
05

Examples

Notes
  • Examples coming soon.
Events · Cards · FW · Essentials
The full-width text-led base, with an optional side media panel. Details mirror the live Sketch master (WDS Design System v3.0).