creatordesign system
GitHub
Collection cards
Components · Creator Design System

Collection cards

routes.yaml, turned into cards. Each collection extends the base and changes exactly one device — the thing that says what kind of object this is. Same padding, same title scale, same hover. That's what makes the archive page look deliberate instead of like six different websites.

“Rewrite this paragraph so a tired person on a phone still gets the point.”

Claude · writing

The tired-reader rewrite

List-shaped collections

.c-lesson — a row, because lessons are read as a list inside their course

v1.1.0

Timeline animations landed

v1.0.9

404 page rewrite

v1.0.8

Broke the nav on iOS, then unbroke it

.c-changelog[data-type] — shipped · fixed · broke

Sony A7 IV

Camera
€2,499

Rode VideoMic

Audio
€199

The theme, source included

Shop · one-time
€49

.c-product price + group · .c-shop the ticket notch, so paid never looks free

2026

Rebuilt the whole site on tokens

Nine months of ad hoc CSS, deleted in an afternoon.
2024

Moved to Budapest

.c-timeline — year gutter, rail, node. The card itself is bare.

.c-doc — section label and an arrow. No media, ever.

Salesforce42 Travel23 Ghost17
S

Swarnil Singhai

128 posts · since 2019

.c-tag · .c-author — the taxonomies