kernic

Studio

Make it feel right.

The terminal gets you a system that works. Studio is where you make it yours. Drag controls, watch the preview change, export when it clicks.

$ npx kernic studio
kernic studio · running in your browser

The same color engine as the CLI, running in your browser. Nothing you do here is saved or sent anywhere. Install kernic when you want to keep a system and export its tokens.

How it works

Three steps. No account. Runs on your machine.

1

Pick a vibe

Start from a preset, or roll your own from a single seed color.

2

Push the controls

Radius, type scale, dark mode. Every change updates the preview live.

3

Export the tokens

CSS, Tailwind, JSON, or design.md. One command pipes it into your build.

What Studio gives you

Live OKLCH ramps

See every color step as you tweak the seed. Harmony stays even, nothing muddies.

~2k Google Fonts

Search from inside the editor. Pick heading, body, and mono. Offline fallback included.

Local-first

Runs at 127.0.0.1 on your own machine. Your system is plain JSON that stays yours.

Try Studio

One command. Your browser opens, the editor loads, you start tweaking.

shell
npx kernic studio