FAST Roleplay · Design System

One source for every screen

The tokens, components and rules behind the hub, the game’s interface and the web site — one copy, built to feel like the game it belongs to.

$15,150

Can78

Enerji42

EEtkileşimESCMenü

Colours, type, motion, textures and the Tailwind 3 preset in @fastrp/design-tokens. Upgrade once, every app follows.

Copied into your app with the shadcn CLI, then yours. Built to run unchanged in the hub and in the game’s Chromium 103.

Panels, slots, meters and key prompts — the pieces a game menu is made of, for the NUI and the web alike.

The brand in six lines

Rules

01It is a game, not a web page: menus are panels over the world, not pages on a ground.
02Barlow Condensed in capitals for anything glanced at; Barlow for anything read.
03Soft corners — 4 to 12px. Pills only for toggles and prompts.
04One accent per screen — the city’s. Neon colours mark categories, never the page.
05Selection is a white frame and a glow from below; every action shows its key.
06Everything sized in tokens and classes, never inline pixels.

Two minutes

bun add @fastrp/design-tokens

tailwind.config.ts

import { fastPreset } from '@fastrp/design-tokens/preset';

export default { presets: [fastPreset], content: ['./src/**/*.tsx'] };

Start here