Tutorial
Building a video walkthrough into your docs
Some things are easier shown than told. Here's how an article composes the Content and Media kits — video, audio, and share — on one set of tokens.
The video above is the Media kit's responsive .embed wrapper — drop any iframe in and it keeps a 16:9 ratio. Prefer audio? The same kit ships a player:
Episode 14 — One foundation, every surface
12:0438:21
Why compose kits
The article body is the Content kit's .prose; the video and audio are the Media kit. Because both reference the same tokens, they theme together — no seams.
Write once, compose per page. The reader never sees the kit boundary.
What you get
- Responsive video embeds
- An audio player for podcasts
- Share + follow, all themed
Share this