# x.ai website design: fonts, colors and UI patterns

[Open the live Fudge conversation](https://design.withfudge.com/share/x.ai-design)

Last updated: 2026-08-09

Based on **12 captured pages** from [x.ai](https://x.ai), this profile summarizes observed visual evidence rather than claiming access to the site's private design system. Evidence last updated **2026-08-09**.

## Captured pages

[![Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://pin.fontofweb.com/10779?format=jpg)](https://design.withfudge.com/share/pin-10779)

[Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://design.withfudge.com/share/pin-10779)

[![Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://pin.fontofweb.com/10778?format=jpg)](https://design.withfudge.com/share/pin-10778)

[Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://design.withfudge.com/share/pin-10778)

[![Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://pin.fontofweb.com/10777?format=jpg)](https://design.withfudge.com/share/pin-10777)

[Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://design.withfudge.com/share/pin-10777)

[![Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://pin.fontofweb.com/10776?format=jpg)](https://design.withfudge.com/share/pin-10776)

[Voice Agent Builder: Create Your Own Voice Agent in Under 2 Minutes | SpaceXAI](https://design.withfudge.com/share/pin-10776)

[![Introducing Grok 4.5 | SpaceXAI](https://pin.fontofweb.com/10438?format=jpg)](https://design.withfudge.com/share/pin-10438)

[Introducing Grok 4.5 | SpaceXAI](https://design.withfudge.com/share/pin-10438)

[![Careers: Build AI That Advances Humanity | xAI](https://pin.fontofweb.com/9744?format=jpg)](https://design.withfudge.com/share/pin-9744)

[Careers: Build AI That Advances Humanity | xAI](https://design.withfudge.com/share/pin-9744)

[![Grok — Truth-seeking AI Chatbot with Voice & Image Generation | xAI](https://pin.fontofweb.com/9743?format=jpg)](https://design.withfudge.com/share/pin-9743)

[Grok — Truth-seeking AI Chatbot with Voice & Image Generation | xAI](https://design.withfudge.com/share/pin-9743)

[![Grok — Truth-seeking AI Chatbot with Voice & Image Generation | xAI](https://pin.fontofweb.com/9742?format=jpg)](https://design.withfudge.com/share/pin-9742)

[Grok — Truth-seeking AI Chatbot with Voice & Image Generation | xAI](https://design.withfudge.com/share/pin-9742)

[![xAI](https://pin.fontofweb.com/9741?format=jpg)](https://design.withfudge.com/share/pin-9741)

[xAI](https://design.withfudge.com/share/pin-9741)

[![Company: Accelerating Scientific Discovery | xAI](https://pin.fontofweb.com/9422?format=jpg)](https://design.withfudge.com/share/pin-9422)

[Company: Accelerating Scientific Discovery | xAI](https://design.withfudge.com/share/pin-9422)

[![Company: Accelerating Scientific Discovery | xAI](https://pin.fontofweb.com/9421?format=jpg)](https://design.withfudge.com/share/pin-9421)

[Company: Accelerating Scientific Discovery | xAI](https://design.withfudge.com/share/pin-9421)

[![Colossus: The World's Largest AI Supercomputer | xAI](https://pin.fontofweb.com/9420?format=jpg)](https://design.withfudge.com/share/pin-9420)

[Colossus: The World's Largest AI Supercomputer | xAI](https://design.withfudge.com/share/pin-9420)

## Colors

- `#ffffff`
- `#a9b2bc`
- `#7d8187`
- `#d5d9e2`

## Typography captured from x.ai

- **Universal Sans**
- **GeistMono**
- **-apple-system**
- **Times**
- **Applesystem**
- **Geist Mono**

### How Fudge assembled this page

Fudge automatically assembled this guide from saved screenshots and extracted typography and color observations. It does not claim access to private source files or design tokens.