Merge pull request #922 from open-webui/main

This commit is contained in:
Classic298
2025-12-27 19:51:52 +01:00
committed by GitHub
6 changed files with 31 additions and 7 deletions

View File

@@ -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**.

View File

@@ -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}}` |

View File

@@ -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/)
@@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB