creatordesign system
GitHub
Blog collection
Collections · Creator Design System

Blog collection

The second collection, with no CSS of its own — the proof that the section vocabulary is shared rather than travel-shaped.

The second collection, and the one that proves the vocabulary is not travel-shaped. It ships no CSS of its own. Every section on both of its routes is the shared col- vocabulary — which is exactly the test that vocabulary had to pass before a third collection could trust it.

Its routes

A blog needs two. Its "group" is a category and its "series" is a multi-part piece, and both reuse the same routes travel already has — so they are not rebuilt.

RouteWhat is on it
Index/blogHero, categories, a topic filter, featured, and everything. The rail carries the subscribe widget rather than facets alone.
Post/blog/a-postThe article with a five-widget sticky rail: contents, author, subscribe, more on this topic, and tags. Reading progress across the top.

Open the post with its rail → Open /blog →

The rail

Five widgets, one shape. The accent one is the ask; the rest are notes beside the writing.

Written by
Swarnil Singhai Builds things, then writes down what broke.
56 posts · since 2021
Newsletter

One email when something is worth reading. No schedule, because a schedule is how newsletters get padded.

the whole rail from /blog/a-post, unchanged

Categories

A blog's widest cut is a category, which is the same section travel uses for a region.

.col-groups — same section, different subject