Skip to main content

Open WebUI Design Guidelines

Welcome to the Open WebUI design guidelines. This document provides the essential rules and recommendations to ensure consistent and clear use of the Open WebUI brand assets.

Brand Assets​

The following are the official Open WebUI brand assets. These assets are provided for approved use in documentation, integrations, and community materials.

Open WebUI Logo

  • Official Open WebUI logo
  • Use on light, clean backgrounds for best legibility
  • Maintain adequate clear space around the logo
  • Do not modify, recolor, crop, stretch, or add effects

Download Transparent Logo

Icon​

Open WebUI Icon

Download Icon

Asset Source​

  • Official brand assets are available in the project repository
  • Always use the provided files rather than recreating assets manually
  • If an asset is missing or a different format is required, contact the Open WebUI team through official project channels

Brand Name Usage​

The official name is Open WebUI.

Correct Usage:​

  • Open WebUI (when referring to the brand or product)
  • open-webui (typically used for repository or package names)

Incorrect Variations (Do NOT use):​

  • OpenWeb UI
  • OpenWebUI
  • OpenWeb
  • Open Web UI
  • openweb-ui
  • OpenWeb Ui
  • openWebUI
  • Open-Web UI
  • open web UI
  • open-ui
  • open-web-ui

Always use Open WebUI as two separate words with capitalization as shown when referring to the brand or product.

When referring to the repository, package, or codebase, use open-webui in lowercase with hyphens.

Logo and Visual Identity​

  • Use the Open WebUI logo as provided without modifications.
  • Do NOT stretch, crop, or distort the logo.
  • Do NOT change the logo colors or add effects.
  • Provide clear space around the logo to maintain visibility.
  • Use the logo on clean, uncluttered backgrounds to ensure legibility.

Typography​

  • Use simple, readable fonts consistent with web standards.
  • Use consistent font sizes and styles across all Open WebUI materials.
  • Avoid decorative fonts that reduce readability.

Usage Rules​

  • Do NOT use the Open WebUI logo or name in any way that implies endorsement unless explicitly permitted.
  • Do NOT incorporate the Open WebUI brand into your own product or company branding.
  • Maintain clear and proportional spacing when pairing Open WebUI visuals alongside other brand logos.
  • Always respect brand integrity and use the assets as provided.

Contact​

For questions about usage or to request permission for other uses, please contact the Open WebUI team via the official repository or project communication channels.

Thank you for helping maintain a consistent and clear brand identity for Open WebUI.