Skip to content
Merged

sync #922

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 28 additions & 1 deletion docs/brand.mdx
Original file line number Diff line number Diff line change
@@ -1,12 +1,39 @@
---
sidebar_position: 1850
title: 🎨 Design Guidelines
title: 🎨 Brand Guidelines
---

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

### Logo

![Open WebUI Logo](/images/open-webui-logo.png)

- 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](/images/open-webui-logo-transparent.png)

### Icon

![Open WebUI Icon](/images/open-webui-icon.png)

[Download Icon](/images/open-webui-icon.png)

### 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**.
Expand Down
2 changes: 1 addition & 1 deletion docs/features/workspace/prompts.md
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ You can specify different input types to build rich, user-friendly forms. Here i
| **datetime-local**| A specialized picker that allows users to select both a specific date and a specific time. Great for scheduling appointments or logging event timestamps. | `default`, `required` | `{{appointment \| datetime-local}}` |
| **color** | A visual color picker that allows the user to select a color or input a standard hex code (e.g., #FF5733). Useful for design and branding prompts. | `default` (hex code), `required` | `{{brand_color \| color:default="#FFFFFF"}}` |
| **email** | An input field specifically formatted and validated for email addresses, ensuring the user provides a correctly structured email. | `placeholder`, `default`, `required` | `{{recipient_email \| email:required}}` |
| **month** | A picker that allows users to select a specific month and year, without needing to choose a day. Useful for billing cycles, reports, or timelines. | `default`, `required` | `{{billing_month \| month}}` |
| **month** | A picker that allows users to select a specific month and year, without needing to choose a day. Useful for billing cycles, reports, or timelines. **Note:** This input type is only natively supported in Chrome and Edge. In Firefox and Safari, it will display as a plain text input instead of a month picker. | `default`, `required` | `{{billing_month \| month}}` |
| **range** | A slider control that allows the user to select a numerical value from within a defined minimum and maximum range. Ideal for satisfaction scores or percentage adjustments. | `min`, `max`, `step`, `default`, `required` | `{{satisfaction \| range:min=1:max=10}}` |
| **tel** | An input field designed for telephone numbers. It semantically indicates the expected input type for browsers and devices. | `placeholder`, `default`, `required` | `{{phone_number \| tel}}` |
| **time** | A picker for selecting a time. Useful for scheduling meetings, logging events, or setting reminders without an associated date. | `default`, `required` | `{{meeting_time \| time}}` |
Expand Down
7 changes: 2 additions & 5 deletions docs/intro.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,11 @@ import { SponsorList } from "@site/src/components/SponsorList";

# Open WebUI

![Open WebUI Banner](/images/banner.png)

**Open WebUI is an [extensible](https://docs.openwebui.com/features/plugin/), feature-rich, and user-friendly self-hosted AI platform designed to operate entirely offline.** It supports various LLM runners like **Ollama** and **OpenAI-compatible APIs**, with **built-in inference engine** for RAG, making it a **powerful AI deployment solution**.

[![Open WebUI Banner](/images/banner.png)](https://openwebui.com)

Passionate about open-source AI? [Join our team →](https://careers.openwebui.com/)


Expand All @@ -27,10 +28,6 @@ Passionate about open-source AI? [Join our team →](https://careers.openwebui.c
[![Discord](https://img.shields.io/badge/Discord-Open_WebUI-blue?logo=discord&logoColor=white)](https://discord.gg/5rJgQTnV4s)
[![Image Description](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/tjbck)





![Open WebUI Demo](/images/demo.png)

:::tip
Expand Down
Binary file added static/images/open-webui-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/open-webui-logo-transparent.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/open-webui-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.