mdshop
Back to designs
x

Design System inspired by xAI

AI research. Monochrome dark theme, minimal chrome, developer-focused.

Usage
npx getdesign@latest add xai

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
9
Bookmarked
0
Not an official xAI design system. A curated starting point for building xAI-like UIs with your AI coding agent.

AI research. Monochrome dark theme, minimal chrome, developer-focused.

Preview
xai.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF XAI

AI research. Monochrome dark theme, minimal chrome, developer-focused.

Explore the systemView tokens

Color Palette

AI research. Monochrome dark theme, minimal chrome, developer-focused.

Primary
Black
#000000
Brand color
White
#ffffff
Brand color
Gray 100
#1a1a1a
Brand color
Gray 300
#333333
Brand color
Gray 500
#666666
Brand color
Gray 700
#999999
Brand color
Accent
#ffffff
Brand color

Typography

A type system inspired by xAI.

system-ui
system-ui, system-ui
SF Mono
SF Mono, system-ui
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by xAI.

Not detected on this URL

Components

Other component primitives mapped from the xAI spec.

Not detected on this URL