Design systemRJ DTC Admin

Design system · brand-005-rj-dtc-admin

RJ DTC Admin

The RJ DTC admin is redesigned as one calm, light, modern system: an RJ midnight-navy sidebar and primary action, soft 6px corners, Archivo for titles and buttons at its normal width, IBM Plex Sans for reading and IBM Plex Mono for codes, and small, crisp motion.

Every admin page in the brief is designed as a dedicated desktop (1440) and phone (390) composition, built from one approved component kit whose colour tokens map one to one onto shadcn/ui.

Assembled 12 Oct 2026Gate · pass1959 files

Directory

Everything in the pack

Tap a section, then a page. Each page carries its own files.

Canvas ↗The Design canvas, served from this site — 128 boards in 7 groups.
Foundations22

The tokens layer and its specimen cards — colour, themes, pairings, type, shape, spacing, print. Always shipped.

Components371

One folder per concern. Every component is plain HTML + CSS over the tokens, with a typed contract and a prompt.

UI kits84

The real surfaces — a desktop page, a mobile page where the surface has one, and a wrapper card each.

Templates1482

Starting points a consumer copies — one folder each, one repointable line.

Record

What was shown, what was left out on purpose, what is still open, what came up in the build, and what was turned down.

Coverage
Documents