Variant 04
+ Date Block + Letterbox
The date-block build with a media container — date + attendance in the block, the Letterbox media container above the copy. Large built; S/M follow. LM + DM.
01
Details
Container · 6C (two-up, media-led group)
TierVariant
FamilyEvents
BucketCards
Group5050 (6C)
Variant+ Date Block + Letterbox
Canonical nameEvents / Cards / 5050 / + Date Block + Letterbox
IDevent-card-5050-date-block-letterbox
Dark-mode render coming soon
02
Component Anatomy
| # | Layer | Colour | Data | Notes |
|---|---|---|---|---|
| 1 | Media container | Image | Feature image | The Letterbox (3:1) media container — the feature image cropped to 3:1. One of the fixed media containers (Brand Pack · Artwork), not unique to this card. |
| 2 | Sponsor | White | Sponsor (overlay, optional) | An "in partnership with" label + sponsor logo overlaid on the media container — a distinct element, not the container or its artwork. White, mode-agnostic. |
| 3 | Date Block | Primary Brand | Date + attendance | The Sky (Primary Brand) tile carrying the date and a format label with the attendance mode. Label surface Neutral 1; icon & text Text 1. |
| 4 | Time | Text 1 | Time | Time only — the date moves into the Date Block. |
| 5 | Trailing Icon | Icon | — | Top-right affordance — the More menu. See Icons. |
| 6 | Event Title | Text 1 | Title | The primary line. |
| 7 | Event Secondary Slot | Text 1 | Secondary | Below the title — venue or secondary line. |
| 8 | Event Supporting Slot | Text 1 | Supporting (optional) | Supporting copy. |
| 9 | Footnote | Text 1 | Footnote (optional) | Closing line — delivery / series credit. |
| 10 | Card Background | White / Black | — | Card fill — White (LM) / Black (DM). Bottom layer. |
03
Typography
The Date Block carries its own fixed type; the card slots step with density. Same roles as + Date Block.
Date Block · fixed
10
FEB
IN PERSON
Event Title · Headline · 600 → 700 at Large
Signal and Scale Engineering Live Content at Speed
Signal and Scale Engineering Live Content at Speed
Signal and Scale Engineering Live Content at Speed
Time · Callout
09:00 – 13:00 CET
09:00 – 13:00 CET
09:00 – 13:00 CET
Event Secondary Slot · Subhead
Hotel Amigo, Brussels
Hotel Amigo, Brussels
Hotel Amigo, Brussels
Event Supporting Slot · Utility · optional
Supporting text
Footnote · Meta · optional
This event is delivered by Wavecast
04
Examples
The combined build — date-block embed plus the media container. View examples →
- This variant intersects + Date Block and + Media: the date and attendance sit in the block, and the Letterbox media container sits above the copy, with the sponsor logo + tagline overlaid on it.
- Large is built; Small and Medium follow the same composition (examples land as the masters are added).
Events · Cards · 5050 · + Date Block + Letterbox
The intersection of + Date Block and + Media. Details, anatomy and type read from the live Sketch master (WDS Design System v3.0).
The intersection of + Date Block and + Media. Details, anatomy and type read from the live Sketch master (WDS Design System v3.0).