# openwebui.com website design: fonts, colors and UI patterns

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

Last updated: 2026-02-28

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

## Captured pages

[![Open WebUI Community](https://pin.fontofweb.com/7514?format=jpg)](https://design.withfudge.com/share/pin-7514)

[Open WebUI Community](https://design.withfudge.com/share/pin-7514)

[![Best AI Models 2026 - 100+ LLMs Leaderboard Ranked by Real Usage • Open WebUI](https://pin.fontofweb.com/7513?format=jpg)](https://design.withfudge.com/share/pin-7513)

[Best AI Models 2026 - 100+ LLMs Leaderboard Ranked by Real Usage • Open WebUI](https://design.withfudge.com/share/pin-7513)

[![Models • Open WebUI](https://pin.fontofweb.com/7512?format=jpg)](https://design.withfudge.com/share/pin-7512)

[Models • Open WebUI](https://design.withfudge.com/share/pin-7512)

[![中文 – AI Community • Open WebUI](https://pin.fontofweb.com/7511?format=jpg)](https://design.withfudge.com/share/pin-7511)

[中文 – AI Community • Open WebUI](https://design.withfudge.com/share/pin-7511)

[![Explore AI Resources – Models, Prompts, Tools & Communities • Open WebUI](https://pin.fontofweb.com/7510?format=jpg)](https://design.withfudge.com/share/pin-7510)

[Explore AI Resources – Models, Prompts, Tools & Communities • Open WebUI](https://design.withfudge.com/share/pin-7510)

[![Open WebUI Community](https://pin.fontofweb.com/7509?format=jpg)](https://design.withfudge.com/share/pin-7509)

[Open WebUI Community](https://design.withfudge.com/share/pin-7509)

[![Log in • Open WebUI Community](https://pin.fontofweb.com/7504?format=jpg)](https://design.withfudge.com/share/pin-7504)

[Log in • Open WebUI Community](https://design.withfudge.com/share/pin-7504)

[![Open WebUI: Self-Hosted AI Platform](https://pin.fontofweb.com/7503?format=jpg)](https://design.withfudge.com/share/pin-7503)

[Open WebUI: Self-Hosted AI Platform](https://design.withfudge.com/share/pin-7503)

[![Open WebUI: Self-Hosted AI Platform](https://pin.fontofweb.com/7502?format=jpg)](https://design.withfudge.com/share/pin-7502)

[Open WebUI: Self-Hosted AI Platform](https://design.withfudge.com/share/pin-7502)

[![Open WebUI: Self-Hosted AI Platform](https://pin.fontofweb.com/7501?format=jpg)](https://design.withfudge.com/share/pin-7501)

[Open WebUI: Self-Hosted AI Platform](https://design.withfudge.com/share/pin-7501)

[![Open WebUI: Self-Hosted AI Platform](https://pin.fontofweb.com/7500?format=jpg)](https://design.withfudge.com/share/pin-7500)

[Open WebUI: Self-Hosted AI Platform](https://design.withfudge.com/share/pin-7500)

## Colors

- `#05df72`
- `#ececec`
- `#9b9b9b`
- `#00c950`
- `#b4b4b4`
- `#ffffff`
- `#cdcdcd`

## Typography captured from openwebui.com

- **Archivo**
- **Inter**
- **System**
- **Zalando Sans Expanded**

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