Ready
Variant · Album Cover
↓
Download build packDraft, building out. Markdown spec to prompt and build from.
Sketch docWDS Design System v3.0
Sketch pageWIP: Components > Photos > Album Covers
Album Cover
The 5050 two-up cover tile, Standard media.
01
Details
Container · 5050 (6C, two-up)
TierVariant
FamilyPhotos
BucketCards
Group5050 (6C)
VariantAlbum Cover
MediaStandard (Square not offered at 5050)
Canonical namePhotos / Cards / 5050 / Album Cover
IDphotos-cards-5050-album-cover
Notes
- Two cards across at 6C. Cards are the individual Sketch masters at true size (2x export), rebuilt in HTML.
- 5050 offers Standard media only: there is no Square 5050 cover.
- The chrome is white-on-media and mode-agnostic. The build is currently dark-only: the Light-mode surface and LM renders are outstanding, so the Light toggle shows the dark render for now.
02
Component Anatomy
Notes
- Anatomy is standard as per Foreseeable: Media Cover, Gradient Overlay, Date, Album Title, Album Total, More icon, Sponsor watermark. Same slots, same tokens.
- Only the footprint differs: the 5050 master is 680 × 383, a larger media area than the 4C card.
03
Spacing
Notes
- Spacing is standard as per Foreseeable: 20 inset, Date stacked on the title, 8 to the total, 16 to the bottom edge; corner icons at 10.
04
Typography
Notes
- Typography is standard as per Foreseeable: Date Callout 14 / 20, Album Title Headline 24 / 32, Album Total Utility 12 / 16, all bound to Text / DM. The 5050 card uses the same metrics on a larger media area.
05
Examples
Examples coming soon. The Standard cover at 5050, reassembled from the Sketch master.
Notes
- Both-mode example renders and a Light-mode surface are pending the LM/DM resolution in the Sketch master.
Components · Photos · Cards · 5050 · Album Cover
Anatomy, spacing and type are standard as per Foreseeable; the 5050 master is 680 x 383, Standard media only.
Anatomy, spacing and type are standard as per Foreseeable; the 5050 master is 680 x 383, Standard media only.