J3W1 / DESIGN SYSTEM

The j3w1 UI theme

Black and Rose surfaces. Rose typography, dark-red actions and square native components. A complete foundation for the apps you and your agents build.

Explore components →Open Vue demo ↗Start building

CANONICAL FOUNDATION

1.1.0

Versioned tokens, contracts and migration guidance.

CONSUMABLE INVENTORY

Elements, components and application compositions.

INTEGRATION ROUTES

Install a package. Copy complete source. Map to your host.

The foundation, in exact values.

#000000

surface.canvas

#090707

surface.chrome

#100c0c

surface.default

#e99499

text.default

#ffa2a7

text.bright

#7d1310

action.primary.bg

Typography, spacing, density and accessibility rules →

From a single control to a complete application.

Build with native semantics ↗

Typed properties, native forms, keyboard behavior, live variants and complete dependency lists.

See the system at work ↗

A Vue workspace with dashboards, records, productivity tools and realistic local workflows.

Give your agent the exact inputs ↗

Pinned machine contracts, per-component imports and verified copy bundles. No screenshot interpretation required.

Read the complete specification ↗

Every normative document, token, state matrix, accessibility rule and decision in one static reference.

Looking for an older bookmark? The full reference preserves existing anchors. Visits to a legacy homepage hash go there automatically when JavaScript is available.