mirror of
https://github.com/open-webui/docs.git
synced 2026-01-04 10:46:26 +07:00
Merge pull request #922 from open-webui/main
This commit is contained in:
@@ -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
|
||||
|
||||

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

|
||||
|
||||
[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**.
|
||||
|
||||
@@ -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}}` |
|
||||
|
||||
@@ -10,10 +10,11 @@ import { SponsorList } from "@site/src/components/SponsorList";
|
||||
|
||||
# Open WebUI
|
||||
|
||||

|
||||
|
||||
**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**.
|
||||
|
||||
[](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
|
||||
[](https://discord.gg/5rJgQTnV4s)
|
||||
[](https://github.com/sponsors/tjbck)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||

|
||||
|
||||
:::tip
|
||||
|
||||
BIN
static/images/open-webui-icon.png
Normal file
BIN
static/images/open-webui-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
static/images/open-webui-logo-transparent.png
Normal file
BIN
static/images/open-webui-logo-transparent.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
static/images/open-webui-logo.png
Normal file
BIN
static/images/open-webui-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Reference in New Issue
Block a user