Skip to main content

Open WebUI Design Guidelines

Open WebUI Brand Guidelines: official assets, correct naming, clear space, and usage rulesOpen WebUI Brand Guidelines: official assets, correct naming, clear space, and usage rules

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.

Icon​

Open WebUI icon
  • Primary Open WebUI icon
  • Preferred for app icons, favicons, avatars, social profiles, launchers, integrations, and compact brand placements
  • Use the icon when the Open WebUI name appears nearby in surrounding text or UI
  • Maintain adequate clear space around the icon
  • Do not modify, recolor, crop, stretch, or add effects

Download Icon

Open WebUI horizontal logo
  • Official Open WebUI horizontal logo
  • Use when the icon needs to appear with the Open WebUI name in the same asset
  • 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 Horizontal Logo

Logo Asset​

Open WebUI logo asset
  • Official Open WebUI logo asset
  • Use for existing materials and placements that already rely on this logo file
  • Prefer the icon or horizontal logo for new brand placements
  • Do not modify, recolor, crop, stretch, or add effects

Download Logo Asset

Download Transparent Logo Asset

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​

  • Prefer the Open WebUI icon for compact brand placements.
  • Use the horizontal logo only when the brand name needs to be included in the asset.
  • Use the Open WebUI icon and horizontal logo as provided without modifications.
  • Do NOT stretch, crop, or distort the icon or logo.
  • Do NOT change the brand asset colors or add effects.
  • Provide clear space around brand assets to maintain visibility.
  • Use brand assets 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.

This content is for informational purposes only and does not constitute a warranty, guarantee, or contractual commitment. Open WebUI is provided "as is." See your license for applicable terms.