Live preview

Prince Rehman

P. R. Manjee

Every change in the sidebar applies instantly to the tokens below. Switching theme mode rebuilds the whole palette; manual token overrides win over the generator.

Typography

Display — Cormorant Garamond

Prince Rehman

P. R. Manjee

Body — Inter

Workplace modernization through AI adoption and digital transformation. The body face has to read clearly at long paragraph lengths without competing for attention.

UI — Geist

Button labels, controls, and chrome use Geist.

Mono — JetBrains Mono

const palette = generate(mode, model, hue, contrast);

Color tokens

--bg-1 Background gradient stop 1
--bg-2 Background gradient stop 2
--bg-3 Background gradient stop 3
--bg-4 Background gradient stop 4
--accent-royal Primary brand accent
--accent-royal-bright Royal highlight
--accent-royal-deep Royal pressed
--accent-emerald Alternate accent
--accent-emerald-bright Emerald highlight
--accent-emerald-deep Emerald pressed
--color-fg-primary Primary body text
--color-fg-secondary Secondary body text
--brand-color Brand wordmark fill
--brand-glow Brand wordmark glow

Glass components