WRLD Design System

A comprehensive design system for WRLD Inc, built for Tailwind CSS and ShadCN component libraries. This skill helps you create consistent, branded UI components following WRLD's modern tech-forward aesthetic.

Quick Start

When building WRLD-branded components:

1. Use the CSS variables defined in this system
2. Follow the OKLCH color palette for perceptual uniformity
3. Apply sharp corners by default (radius: 0), pill-shaped for primary CTAs
4. Use JetBrains Mono for technical/code content
5. Implement both light and dark mode support

CSS Foundation

Include this CSS at the root of your project: