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.

Bucket: ListingsGroup: 5050Variant: + Date Block + LetterboxModes: 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
Preview
5050 + Date Block + Letterbox listing card preview — Large, full data
02

Component Anatomy

#LayerColourDataNotes
1Media containerImageFeature imageThe 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.
2SponsorWhiteSponsor (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.
3Date BlockPrimary BrandDate + attendanceThe Sky (Primary Brand) tile carrying the date and a format label with the attendance mode. Label surface Neutral 1; icon & text Text 1.
4TimeText 1TimeTime only — the date moves into the Date Block.
5Trailing IconIconTop-right affordance — the More menu. See Icons.
6Event TitleText 1TitleThe primary line.
7Event Secondary SlotText 1SecondaryBelow the title — venue or secondary line.
8Event Supporting SlotText 1Supporting (optional)Supporting copy.
9FootnoteText 1Footnote (optional)Closing line — delivery / series credit.
10Card BackgroundWhite / BlackCard 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
10Date numeral · Display / lg
Poppins 700 · 72 / 80
10
FEBDate month · Headline / sm
Poppins 600 · 20 / 28
FEB
LBLFormat label · Label / Section
Inter 600 · 12 / 16
IN PERSON
Event Title · Headline · 600 → 700 at Large
SHeadline / sm
Poppins 600 · 20 / 28
Signal and Scale Engineering Live Content at Speed
MHeadline / base
Poppins 600 · 24 / 32
Signal and Scale Engineering Live Content at Speed
LHeadline / md
Poppins 700 · 28 / 36
Signal and Scale Engineering Live Content at Speed
Time · Callout
SCallout / base
Inter 500 · 14 / 20
09:00 – 13:00 CET
MCallout / lg
Inter 500 · 15 / 22
09:00 – 13:00 CET
LCallout / lg
Inter 500 · 15 / 22
09:00 – 13:00 CET
Event Secondary Slot · Subhead
SSubhead / sm
Inter 500 · 14 / 20
Hotel Amigo, Brussels
MSubhead / base
Inter 500 · 16 / 24
Hotel Amigo, Brussels
LSubhead / base
Inter 500 · 16 / 24
Hotel Amigo, Brussels
Event Supporting Slot · Utility · optional
S·M·LUtility / base
Inter 500 · 12 / 16
Supporting text
Footnote · Meta · optional
S·M·LMeta / base
Inter 400 · 12 / 16
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).