Media
An editorial project page: a wide lead image, a portrait study beside a looping clip, the facts in a meta list and one line pulled out as a quote.
- JS
video.js
01 — Example
Project page
Figures sit on the 12-column grid. The lead image bleeds to the panel’s edges.
Private
Whitespace is the most expensive material on the page, so spend it deliberately.
02 — Built from
03 — Guidelines
Use it for
- One wide lead image, then a rhythm of smaller ones.
- Captions that add context; alt text that describes.
- Silent loops only, paused for reduced motion.
Avoid
- Several clips playing at once.
- Text over photos, except badges.