Exploratory Feed · Client component

Event Series · Ribbon

The compact Ribbon treatment of Moody's Event Series (Section 3) — the series header only, no map or photo strip. Hand-crafted reference from the Moody's skin file.

Client: Moody'sSkin: Moody's Skin v1Placement: Event Series · Section 3 (Ribbon)Source: WDS Design Sys - Moodys Skin v1

↓ Download build packClient component spec. Markdown to prompt and build the section from. Generated 22 Jul 2026Moody's Skin v1 Sketch docWDS Design Sys - Moodys Skin v1 Sketch pageEvent Series - HTML Component › Section 3 - Event Series - Ribbon

Details

Canvas · 1920 × 480 (full-bleed, header only)

TierSection (page section, not a card)

ClientMoody's

SkinMoody's Skin v1 (copy of WDS v3.0)

PlacementEvent Series page · Section 3 (Ribbon)

CompositionSeries header only (no map, no photo strip)

TreatmentSingle branded (Moody's dark canvas)

RelatedEvent Series (full — with map + strip)

SourceWDS Design Sys - Moodys Skin v1 · Section 3 - Event Series - Ribbon

Moody's Event Series Ribbon — compact header, Global Financial Institutions Series 2026, no map or photo strip

Component Anatomy

#	Layer	Colour	Data	Notes
1	Section Canvas	Brand Dark	—	Full-bleed dark brand band, 1920 × 480. Bottom layer.
2	Brand Graphic	Accent Gradient	—	Decorative motif (diagonal accent lines + arcs), right-anchored. A branded overlay, not content. Placed via the Featured Image symbol.
3	Series Title	Text On-Dark	Series Name	The section headline. "Global Financial Institutions Series 2026". Financier Display.
4	Summary	Text On-Dark	Series Summary	Supporting paragraph beneath the title. GT America.
5	Meta Row	Icon Text On-Dark	Event Count City Count	Two figures with leading icons (seat · pin). "12 Events" · "12 Cities".
6	City List	Text On-Dark	Cities	Comma-set of the twelve host cities. Muted weight.
7	CTA Button	Primary	Call to Action	Pill button + arrow ("FIND OUT MORE"), top-right beside the title. The section's one interactive affordance. Placed via the Secondary Button symbol.

Notes

The Ribbon is the header region only: title · summary · meta · city list on the left, CTA top-right. No event map, no photo strip.
Layers 1–6 are shared with the full Event Series; only the CTA moves and the map + strip are dropped.
Colour tokens name the Moody's Brand Pack slots — the Brand Pack owns the values; bind the token, never a raw hex.
The Meta Row and City List still resolve to system Inter rather than the Moody's GT America role (see Typography) — a skin miss to reconcile before handover.

Spacing

Region	Applies to	Size / position
Canvas	Whole section	1920 × 480
Text block	Title · summary · meta · cities	Left-inset ≈272 from the left edge
CTA	Call to action	Top-right, aligned with the title baseline

Notes

The Ribbon is a compact 1920 × 480: the dark header band only, no photo strip, CTA moved beside the title.
It suits placements where the full hero's map and photo strip are too tall.
Spacing is fixed for the section — this is a client hero, not a density-scaled card, so there is no S / M / L step.

Typography

Series Title · Display · Financier

·Display
Financier Display Bold · 52 / 60

Global Financial Institutions Series 2026

Summary · Body · GT America

·Body
GT America Regular · 18 / 28

Twelve cities. One conversation. Moody's brings credit analysts and market leaders together to unpack how banks, insurers and capital flows are adapting.

Meta Row · Utility · Inter (unskinned)

·Utility
Inter Medium · 12 / 16

12 Events · 12 Cities

City List · Utility · Inter (unskinned)

·Utility
Inter Medium · 12 / 18

Stockholm, Paris, Hong Kong, Amsterdam, Milan, Singapore, London, Tokyo, Shanghai, New York, Toronto, Frankfurt

CTA Button · Button · GT America

·Button
GT America · caps · via Secondary Button symbol

FIND OUT MORE

Notes

Typography is identical to the full Event Series — the Ribbon changes layout, not type.
Moody's resolves Financier on the Display role only and GT America on every other role. GT America has no SemiBold, so 600-weight roles resolve up to Bold.
The Meta Row and City List are still on system Inter, not the Moody's GT America Utility role — reconcile before handover.

Examples

The compact Ribbon treatment of Section 3 — the header only, for placements where the full hero is too tall.

Notes

The full sibling is Event Series — the tall hero with the event map and photo strip.
A second series (different cities) earns further examples when it exists.
Both-mode exhibit is not applicable: this is a single branded treatment on the Moody's dark canvas, not a dual-mode WDS component.

Feed · Moody's · Event Series · Ribbon
Hand-crafted reference of the compact Ribbon treatment of the Moody's Event Series section (Section 3 - Event Series - Ribbon).