The reusable site system for every jhinx.dev project.

A publishable foundation with tokens, components, motion, content scaffolding, and deployment rules wired from the first commit.

Brand layerdata-brand="jhinx"

jhinx

primary + accent tokens

kanade

primary + accent tokens

omakase

primary + accent tokens

shirase

primary + accent tokens

Token-first design

Per-site brands layer on one neutral scale, one motion language, and one spacing rhythm.

Accessible by default

shadcn primitives, visible focus states, reduced-motion handling, and keyboard-safe navigation.

Performance budgeted

The template is built to defend Lighthouse 95+, low transfer, and fast first paint.

Motion contract

The template uses restrained entrance motion, fast interaction feedback, and a first-class reduced-motion path.

Entrance

400ms

Fade and lift once content is ready.

Feedback

200ms

Small state changes stay immediate.

Reduced

1ms

Motion collapses when the user asks.

These values are the contract every future site consumes before writing bespoke CSS.

#7C3AED / #A855F7

#CF7F47 / #5AA8C9

#7C3AED / #F0ABFC

#6B46C1 / #D4A24C