# radix-ui.com website design: fonts, colors and UI patterns

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

Last updated: 2026-03-12

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

## Captured pages

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

[Radix UI](https://design.withfudge.com/share/pin-8038)

[![Playground – Radix Themes](https://pin.fontofweb.com/8037?format=jpg)](https://design.withfudge.com/share/pin-8037)

[Playground – Radix Themes](https://design.withfudge.com/share/pin-8037)

[![Playground – Radix Themes](https://pin.fontofweb.com/8036?format=jpg)](https://design.withfudge.com/share/pin-8036)

[Playground – Radix Themes](https://design.withfudge.com/share/pin-8036)

[![Playground – Radix Themes](https://pin.fontofweb.com/8035?format=jpg)](https://design.withfudge.com/share/pin-8035)

[Playground – Radix Themes](https://design.withfudge.com/share/pin-8035)

[![Create a custom palette – Radix Colors](https://pin.fontofweb.com/8034?format=jpg)](https://design.withfudge.com/share/pin-8034)

[Create a custom palette – Radix Colors](https://design.withfudge.com/share/pin-8034)

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

[Radix Colors](https://design.withfudge.com/share/pin-8033)

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

[Radix Icons](https://design.withfudge.com/share/pin-8032)

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

[Radix Primitives](https://design.withfudge.com/share/pin-8031)

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

[Radix Primitives](https://design.withfudge.com/share/pin-8030)

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

[Radix UI](https://design.withfudge.com/share/pin-8029)

## Colors

- `#9eb1ff`
- `#edeef0`
- `#f1f7fe`
- `#93b4ff`
- `#eeeef0`
- `#b2b3bd`

## Typography captured from radix-ui.com

- **Klim Type Foundry**
- **Applesystem**
- **Untitled Sans**
- **Adobe Pro**

### 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.