A design token catalog generated from DESIGN.md. Every color, font, component, and spacing value -- visualized.
An AI assistant built to be maximally helpful. Grok has real-time knowledge, a conversational style, and handles complex reasoning tasks.
Advancing fundamental research in artificial intelligence. Card shown with stronger border for elevated emphasis.
Build with Grok through the xAI API. Enterprise-grade performance with straightforward integration.
xAI's dark-first design uses GeistMono at extreme display sizes. This section shows components in their native dark context -- the true home of the xAI design system.
Access to live information through direct integration with real-time data sources.
Advanced chain-of-thought capabilities for multi-step problem solving.
Production-ready infrastructure with high throughput and low latency.
Base unit: 8px. Scale is deliberately sparse -- large jumps create clear hierarchy through whitespace.
xAI uses no box-shadows. Depth is communicated through border opacity and background opacity only.