creatordesign system
/
GitHub★
creator
still rolling GitHub
Webseries collection
Collections · Creator Design System

Webseries collection

The fifth collection, and the second one to ship no CSS of its own — a season's spine and its cast are sections travel and blog already built, and its episode navigation is a composite that had been sitting unused until this collection needed exactly it.

The fifth collection, and it ships no CSS of its own — a second proof, after blog, that the shared vocabulary is not secretly shaped like the collection that built it. Course justified five sections by saying a podcast season and a video series would want them too; this is that video series, over the same five routes travel already established.

Open /webseries → Open the episode player →

A season is .col-order, again

The same spine a trip or a resume's career history uses — a first episode, a last one, an order between them — over episodes instead of days or jobs.

01The Pitch That Almost WorkedThe room agrees on nothing except the coffee order.02Two Truths and a LayoffSomeone is definitely lying about the inventory count.03The Meeting That Should Have Been an EmailForty minutes, one decision, and it was the wrong one.

.col-order — unmodified, from /webseries/…/season.html

The episode player is course's stage, not its playlist

Same .col-stage, same .col-stagebar — but the list beside the video is not course's curriculum wearing episode numbers. .ep-panel and .episode already existed, unused, as a generic composite demo with nowhere that actually needed a thumbnail next to every row. A season is exactly that place.

After Hours — Season 1 6 episodes
The Pitch That Almost WorkedEp.01 · 24 minTwo Truths and a LayoffEp.02 · 22 minThe Meeting That Should Have Been an EmailEp.03 · 19 minCold OpenEp.04 · 23 minThe One With No PunchlineEp.05 · 26 minSeason Finale: Last CallEp.06 · 30 min

.ep-panel > .episode — moved here from the generic Composites demo, because this is what it was for

The transcript, unmodified

The one panel every video-bodied post wants, whatever it is an episode of.

0:00Cold open — the room, mid-argument.2:14Dana pitches the ending nobody asked for.6:40Tom threatens to quit for the third time this season.11:05Sam finds the note that changes the pitch.18:30The room agrees on nothing except the coffee order.

.col-transcript — from /webseries/…/episode.html, unchanged

Cast is not a new component

A resume needed a career history; a webseries needs a cast list. Both turn out to be a plain .list-group — this one's rows just happen to start with .col-author__face, the round avatar blog already built for its byline.

Priya NairDana Cho — head writer
Marcus WebbTom Ellery — staff writer
Yuki TanakaSam Park — showrunner's assistant
Elena BrandtRuth Okafor — network exec

.list-group + .col-author__face — no wsr- prefix, because nothing here needed one