Variant 06

+ Date Block Fixed Height

The fixed-height date-block build — a fixed datapoint set (Top Slot, Primary, Secondary, Supporting, Footnote) so every card holds the same height. Date + attendance in the block. Three sizes; LM + DM.

Bucket: ListingsGroup: 5050Variant: + Date Block Fixed HeightModes: LM + DM

Details

Container · 6C (two-up, media-led group)

TierVariant

FamilyEvents

BucketCards

Group5050 (6C)

Variant+ Date Block Fixed Height

SizesSmall · Medium · Large (density)

Canonical nameEvents / Cards / 5050 / + Date Block Fixed Height

IDevent-card-5050-date-block-fixed-height

Component Anatomy

#	Slot	Holds	Colour	Presence	Notes
1	Date Block	Date Attendance	Primary Brand Text 1 Icon	Required	Sky (Primary Brand) tile carrying the date, with an Icon & Label beneath carrying the attendance mode. Label surface Neutral 1; icon & text Text 1. Date is day + month, or month + year for a past / multi-year event. See Date Block.
2	Top Slot	Time	Text 1	Required	No leading icon — the attendance icon sits in the Date Block label. Time only (e.g. `09:00 – 13:00 CET`).
3	Trailing Icon	—	Accent	Optional	Top-right affordance — More (M / L) or Arrow (S). See Icons.
4	Primary	Event Title	Text 1	Required	The primary line. Source `Event Title` or `Listing Title`.
5	Secondary	Event Subtitle	Text 1	Required	Venue or subtitle.
6	Supporting	Location Taxonomy	Text 2	Required	Place / category line. Muted.
7	Footnote	Footnote	Text 2	Required	Foot-anchored fine print. Muted.
8	Card Background		White / Black		Card fill — White (LM) / Black (DM). Bottom layer.

Notes

Fixed Height uses a fixed datapoint set — Top Slot (no icon), Primary, Secondary, Supporting and Footnote — so every card holds the same height regardless of content. Built for rows where cards must align.
Adds the Date Block + Icon & Label: the date and attendance move out of the Top Slot into the block.
Slot roles and the type ramp match + Date Block; only the slot set and the fixed height differ.

Spacing

Position	Applies to	Above	Below
Top	Top Slot, to the top edge	12 sm	8 xs
Between	Every other slot	8 xs	8 xs
Bottom	Footnote, to the bottom edge	20 lg	16 md

Notes

Interior gaps match the Essentials model: top 12 sm, between 8 xs, footnote set apart with 20 lg above.
The card holds a fixed height; the free space sits below the last slot, above the footnote, so footnotes stay foot-anchored as content varies.
The Date Block fills the fixed card height in the left column.

Typography

The Date Block carries its own fixed type; the copy slots step with density. Click a slot to reveal the role and a live specimen.

Date Block · fixed

10Date numeral · Display / lg
Poppins 700 · 72 / 80

FEBDate month · Headline / sm
Poppins 600 · 20 / 28

FEB

LBLFormat label · Label / Section
Inter 600 · 12 / 16

IN PERSON

Top Slot · Time · Callout

SCallout / base
Inter 500 · 14 / 20

09:00 – 13:00 CET

M·LCallout / lg
Inter 500 · 15 / 22

09:00 – 13:00 CET

Primary · Title · Headline → 700 at Large

SHeadline / sm
Poppins 600 · 20 / 28

The Live Content Engine

MHeadline / base
Poppins 600 · 24 / 32

The Live Content Engine

LHeadline / md
Poppins 700 · 28 / 36

The Live Content Engine

Secondary · Subtitle · Subhead

SSubhead / sm
Inter 500 · 14 / 20

Hotel Amigo, Brussels

M·LSubhead / base
Inter 500 · 16 / 24

Hotel Amigo, Brussels

Supporting · Location / Taxonomy · Utility

S·M·LUtility / base
Inter 500 · 12 / 16

London · Online & in person

Footnote · Meta

S·M·LMeta / base
Inter 400 · 12 / 16

This event is delivered by Wavecast

Slot resolution

A slot is a position, not a field. What fills it is resolved at render time from the event's available fields, by attendance mode and state, with fallback chains and listing-level overrides. The Secondary slot is the clearest case: in-person resolves to Location, remote to Subtitle.

Slot	What it displays	Resolves from	Conditions
Date	Day + month; year shown when not the current year.	Date	Moves into the Date Block when that embed is used.
Attendance	Event-type label + icon — In Person · Webinar · Virtual · Hybrid.	Attendance mode	Remote defaults to Virtual (override to Webinar); past + video → Watch.
Time	In-person: start–end + primary TZ. Remote: start + primary TZ (+ up to 2 extra). Replay: duration (1 video) or video count.	Date · assigned video	Live badge while the event is live.
Title	The event title (2-line max).	Event Title → Listing Title	Falls back to Listing Title when set.
Secondary	In-person: Venue. Remote: Subtitle.	Location · Subtitle → Listing Subtitle	Resolved by attendance mode; 1-line max.
Supporting	Brand (ALL CAPS).	Brand / Business unit	From Categorisation.
Footnote	A link to the event's series or channel.	Event Series → Channel → Listing footnote	Auto-populated; override with custom text.

Notes

Resolution rules are a design contract. The runtime is Bruno's; what shows when, and the fallback order, is defined here. Worked from the Moody's calendar card.
Enabling both Subtitle and Location doesn't render both: they compete for the Secondary slot, resolved by attendance mode.

Examples

No examples published. + Date Block Fixed Height follows the + Date Block slot model and type ramp; see it for the full data-state behaviour.

Events · Cards · 5050 · + Date Block Fixed Height
Fixed-height date-block build for aligned rows. Details, anatomy and type read from the live Sketch master (WDS Design System v3.0).