Swarnil Singhai

A creator's site, built from tokens.

Videos, courses, a blog, a newsletter and the trips between them — 12 collections, one design system, and a build log for all of it. Move your pointer across the frame.

TravelCoursesBlogWebseriesNewsletterProjectsVideosGuidesPromptsSnippetsProductsPages
New this monthVersion 0.1 is on npm, and the Tailwind and SCSS builds landed with it. Read the usage guide →
The system

Almost monochrome, so one colour can mean something.

Two ramps. Ink does the whole site; signal is rationed so hard that when it appears, it means live, now, here.

creator.imswarnil.com

The docs, in a browser 0.1.0

Two commands and a stylesheet

No init step, no config file, no runtime — the whole installation.

zsh
npm install creator-design-system
added 1 package in 1.2s
main.css
main.css
1
2
3
4
5
6
7
/* your overrides, after the import */
@import "creator-design-system";

:root {{
--accent: #6d4aff;
--radius-card: 1.25rem;
}}

Everything I publish

12 collections, the same tokens underneath all of them.

Lately

The numbers, rather than a claim about them.

Lessons132+8 this month
Newsletter readers9.2k
Travel posts31
Videos62+3 this month

On camera

Sixty-two uploads, and the corners that say why this system has a creator icon group at all.

The frame is the brand

Four corners, a record dot and a timecode — the devices a production desk already uses, so nothing had to be invented to make a video page look like a video page.

Live TAKE 47 00:12:47
All videos →
The newsletter

One email when something is worth it.

Sent when there is something to say. No drip sequence, no course funnel, and an unsubscribe link that works on the first click.

No spam. Unsubscribe any time.

Sponsor

Free, MIT-licensed, and 37 KB gzipped.