Ready
Variant · Album Cover
↓
Download build packReady to build. Markdown spec to prompt and build from.
Sketch docWDS Design System v3.0
Sketch pageWIP: Components > Photos > Album Covers
Album Cover
The 3C four-up cover tile, Square media.
01
Details
Container · 3C (four-up)
TierVariant
FamilyPhotos
BucketCards
GroupMini (3C)
VariantAlbum Cover
MediaSquare (Standard in design)
Canonical namePhotos / Cards / Mini / Album Cover
IDphotos-cards-mini-album-cover
Notes
- Four cards across at 3C. Cards are exported from Sketch at true size (2x), rebuilt in HTML.
- Follow-up in Sketch. Mini Square is currently the Foreseeable Square master scaled to 74% (332 from 448), which also shrinks the type. Cutting a dedicated Mini master with its own type steps is a follow-up; the build spec below is ready to work from.
- Standard media is in design: only the Square cover exists at Mini so far.
- The chrome is white-on-media and mode-agnostic; the build is dark-only 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.
03
Spacing
Notes
- Spacing follows Foreseeable, currently scaled with the card at 74%. Confirm whether Mini keeps the 20 inset at full value or scales it, once a dedicated master exists.
04
Typography
Notes
- Currently the Foreseeable ramp scaled to 74% (Title ≈ 18 / 24, not a registry step). Mini should resolve to its own registry steps (likely Title, Meta and Utility one step down from Foreseeable) rather than a scaled Headline. To define.
05
Examples
Examples coming soon, once Mini has its own master.
Notes
- Pending a dedicated Mini master, a Standard-media Mini cover, and the LM/DM resolution.
Components · Photos · Cards · Mini · Album Cover
In design. Currently the Foreseeable Square master scaled to 74%; needs its own master and type steps before build.
In design. Currently the Foreseeable Square master scaled to 74%; needs its own master and type steps before build.