← All primitives Molecule · Status: review

Card

Surface for grouped content. Standard, compact, hero, and stat variants. Composes badge, button, link, divider, icon-block — every example here uses real Sugoi data and real atomic primitives.

Standard — catalogue cards

The 90% case. 2:3 poster media (streaming-canon default per design-language.md §7), badges, eyebrow, title, description, meta, footer with CTAs. Real Sugoi catalogue imagery.

AKIRA — original 1988 anime film key art
Two nights only IMAX

Now showing

AKIRA at IMAX

35th anniversary 4K restoration on the big screen. Sydney + Melbourne, May 2–3 only.

136 minsMJP audio · EN subs
The First Slam Dunk theatrical key art
Limited 4K UHD

Pre-order

The First Slam Dunk Collector's Edition

750 numbered units, custom slipcase, art booklet, and 16-page liner notes.

SG0007CE$249.95JB Hi-Fi
Umamusume Pretty Derby Beginning of a New Era key art
New Theatrical

Now in cinemas

Umamusume: Pretty Derby

The film that started it all in Japan. Now in Australian cinemas — your characters on the big screen.

112 minsPG

Hero — section opener

Display-scale title over the brand gradient (default) or a 16:9 backdrop image (with overlay) per design-language.md §7. For deck title slides, EDM banners, campaign launches.

Default — brand gradient

Coming May 2026

AKIRA at IMAX

35th anniversary 4K restoration. Two nights only. Sydney + Melbourne. Hosted by Sugoi Co + IMAX Australia.

With 16:9 backdrop key art

Two nights only

AKIRA at IMAX

35th anniversary 4K restoration. May 2–3, Sydney + Melbourne.

Compact — horizontal list-style

Image left, content right. Two media shapes — square (1:1, content-led, default) for tidy list cadence; poster (2:3) when poster recognition matters more than rhythm. Per design-language.md §7.

Square thumbnail (default) — packshots and merchandise

The First Slam Dunk Collector's Edition packshot
Limited

First Slam Dunk Collector's Edition

750 units · $249.95 · JB Hi-Fi exclusive

The First Slam Dunk Blu-ray packshot
Blu-ray

First Slam Dunk Blu-ray

Standard pressing · $39.95 · in stock

Poster thumbnail (2:3) — catalogue rows where poster recognition matters

Stat — number-led tiles

Display-font numbers, body-font label. Used in pitch decks ("$10.5M box office", "750 units").

Box office (AU)

$10.5M

Umamusume Pretty Derby · 20-day window

Allocation

750

Numbered units · Arcane S2 CE · ANZ exclusive

SMASH 2025

22K

Convention attendees engaged via Sugoi booth

Discord community

300K+

Umamusume EN — global active members

Emphasis

Default (border), raised (shadow, no border), inverse (dark surface).

Default

Subtle border

Standard card treatment. Quiet on a busy page.

Raised

Soft shadow

For floating cards on busy or gradient backgrounds.

Inverse

Dark surface

For cards on light page backgrounds that need to pop.

States & edge cases

Disabled (sold out), no media, very long title, multiple badges.

The First Slam Dunk first-pressing key art
Sold out

First Slam Dunk CE — first pressing

No longer available. Watch for second-pressing announcement.

New Limited 4K Steelbook JB exclusive

Many badges, no media

Cards still work without a media slot. Useful for product specs.

Arcane: League of Legends Season 2 Collector's Edition (Australian Pressing, 2026 — JB Hi-Fi exclusive)

Long titles wrap. The card stays vertical; nothing breaks.