imswarnil / creator-design-system

Creator Design System

A token-first CSS design system for creators — tokens, components, sections and twelve collections built on top of them.

Showcase

Screens from the build, roughly in the order they happened.

Case study

The short version, for anyone who wants the receipts before the log.

Twelve collections built on one shared section vocabularyZero new CSS for eight of the twelve — the vocabulary heldOne token change reaches every page, every collection37 KB gzipped, no dependencies, no build step required

Inspiration

Every design system I had used made the same trade: fast to start, expensive to rebrand. I wanted the opposite trade — a slower first day, and a rebrand that is one file.

Conclusion

Twelve collections in, the shared vocabulary has held. The real test was never the first collection — it was whether the second one needed new CSS. Eight of twelve did not.

Everything on this page is generated from collection/projects/build.py — the card, the rail, the log and the language bar all read the same list.