open-webui/docs
1
0
Fork 0
mirror of https://github.com/open-webui/docs.git synced 2026-07-21 01:55:22 -04:00
Code Issues 37 Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2026-07-02 13:46:57 -05:00
parent 298b5cb625
commit 3f744e35a9
12 changed files with 279 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/alternatives/index.mdx
+11
View File
@@ -6,6 +6,8 @@ keywords: ["open webui alternatives", "open webui alternative", "best open webui
---
import Head from '@docusaurus/Head';
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
<Head>
<script type="application/ld+json">{JSON.stringify({"@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "Is Open WebUI free?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. The community edition is free for unlimited users. Enterprise plans are also available."}}, {"@type": "Question", "name": "Can I self-host Open WebUI?", "acceptedAnswer": {"@type": "Answer", "text": "Yes. Open WebUI runs on your own infrastructure via Docker, Kubernetes, pip, or the desktop app."}}, {"@type": "Question", "name": "What models does Open WebUI support?", "acceptedAnswer": {"@type": "Answer", "text": "Open WebUI connects to any OpenAI-compatible API, plus native Ollama integration. This includes OpenAI, Anthropic, Google, Azure, AWS Bedrock, llama.cpp, LM Studio, and hundreds of other providers."}}]})}</script>
@@ -13,6 +15,15 @@ import Head from '@docusaurus/Head';
# Alternatives to Open WebUI
<ThemedImage
alt="Alternatives to Open WebUI: local models, desktop apps, RAG tools, and cloud AI options compared against Open WebUI"
sources={{
light: useBaseUrl('/images/banners/alternatives-light.svg'),
dark: useBaseUrl('/images/banners/alternatives-dark.svg'),
}}
style={{ width: '100%', margin: '0.25rem 0 1.75rem' }}
/>
The AI space is full of great projects, and we're genuinely happy about that. More tools means more people get access to AI in a way that works for them.
We get asked "what else is out there?" a lot, so we put this list together. If Open WebUI isn't quite the right fit for your use case, these are the tools we'd point you to. We've actually used them, built alongside them, or just think they do something really well. Everything listed here is free to get started with.
docs/brand.mdx
+12
View File
@@ -3,8 +3,20 @@ sidebar_position: 1850
title: Brand Guidelines
---
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
# Open WebUI Design Guidelines
<ThemedImage
alt="Open WebUI Brand Guidelines: official assets, correct naming, clear space, and usage rules"
sources={{
light: useBaseUrl('/images/banners/brand-light.svg'),
dark: useBaseUrl('/images/banners/brand-dark.svg'),
}}
style={{ width: '100%', margin: '0.25rem 0 1.75rem' }}
/>
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
docs/sponsorships.mdx
+12
View File
@@ -3,8 +3,20 @@ sidebar_position: 1800
title: "Sponsorships"
---
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
## The Impact of Your Support
<ThemedImage
alt="Open WebUI Sponsorships: sponsors support the project while community-first policies protect users"
sources={{
light: useBaseUrl('/images/banners/sponsorships-light.svg'),
dark: useBaseUrl('/images/banners/sponsorships-dark.svg'),
}}
style={{ width: '100%', margin: '0.25rem 0 1.75rem' }}
/>
[![Image Description](https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/open-webui)
As Open WebUI grows, the tasks and challenges we face expand as well. [Tim](/team) is at the heart of this project, tirelessly working to ensure all aspects of Open WebUI not only function but thrive. Yet, imagine the additional improvements we could make with a little extra support.
docs/troubleshooting/index.mdx
+12
View File
@@ -3,8 +3,20 @@ sidebar_position: 300
title: "Troubleshooting"
---
import ThemedImage from '@theme/ThemedImage';
import useBaseUrl from '@docusaurus/useBaseUrl';
# Troubleshooting
<ThemedImage
alt="Open WebUI Troubleshooting: symptoms route to the right guide and fix"
sources={{
light: useBaseUrl('/images/banners/troubleshooting-light.svg'),
dark: useBaseUrl('/images/banners/troubleshooting-dark.svg'),
}}
style={{ width: '100%', margin: '0.25rem 0 1.75rem' }}
/>
Use this page to find the right guide for your issue. If you're unsure where to start, match your symptom in the table below.
## Quick Symptom Lookup
static/images/banners/alternatives-dark.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="alternatives-dark-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#050505"/>
<path d="M0 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M40 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M80 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M240 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M280 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M320 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M360 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M400 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M440 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M480 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M520 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M560 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M600 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M640 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M680 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M720 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M760 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M800 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M840 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M880 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M920 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M960 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1000 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1040 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1080 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M0 0H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 40H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 80H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 120H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 160H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 200H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 240H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 280H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 320H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 360H1200" stroke="#1a1a1a" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#3a3a3a" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#3a3a3a" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#9a9a9a" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">AI TOOL LANDSCAPE</text>
<text x="54" y="148" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#f5f5f5" opacity="1" text-anchor="start">Alternatives to</text><text x="54" y="179" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#f5f5f5" opacity="1" text-anchor="start">Open WebUI</text>
<text x="58" y="214" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#9a9a9a" opacity="0.9" text-anchor="start">compare / choose / connect</text>
<path d="M58 236H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">01</text><text x="92" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">LOCAL MODELS</text><path d="M58 254H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">02</text><text x="92" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">DESKTOP APPS</text><path d="M58 272H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">03</text><text x="92" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">CLOUD AI</text><path d="M58 290H398" stroke="#3a3a3a" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#0f0f0f" stroke="#3a3a3a"/>
<g clip-path="url(#alternatives-dark-svg-diagram)">
<path d="M526 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M566 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M606 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M646 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M686 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M726 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M766 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M806 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M846 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M886 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M926 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M966 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1006 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1046 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1086 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M486 136H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 176H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 216H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 256H1122" stroke="#1a1a1a" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<path d="M594 120L804 188" stroke="#3a3a3a"/><rect x="536" y="98" width="116" height="44" fill="#161616" stroke="#3a3a3a"/><text x="594" y="124" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.9" text-anchor="middle">LOCAL</text><path d="M1014 120L804 188" stroke="#3a3a3a"/><rect x="956" y="98" width="116" height="44" fill="#161616" stroke="#3a3a3a"/><text x="1014" y="124" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.9" text-anchor="middle">DESKTOP</text><path d="M594 256L804 188" stroke="#3a3a3a"/><rect x="536" y="234" width="116" height="44" fill="#161616" stroke="#3a3a3a"/><text x="594" y="260" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.9" text-anchor="middle">RAG</text><path d="M1014 256L804 188" stroke="#3a3a3a"/><rect x="956" y="234" width="116" height="44" fill="#161616" stroke="#3a3a3a"/><text x="1014" y="260" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.9" text-anchor="middle">CLOUD</text><rect x="712" y="142" width="184" height="92" fill="#000000" stroke="#ff6a00" stroke-width="2"/><text x="804" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="middle">OPEN WEBUI</text><text x="804" y="204" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#9a9a9a" opacity="0.9" text-anchor="middle">COMPARE OPTIONS</text><text x="804" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="middle">PICK THE RIGHT FIT</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#3a3a3a"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="end" dominant-baseline="middle">ALTERNATIVES</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

static/images/banners/alternatives-light.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="alternatives-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">AI TOOL LANDSCAPE</text>
<text x="54" y="148" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Alternatives to</text><text x="54" y="179" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="29" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Open WebUI</text>
<text x="58" y="214" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">compare / choose / connect</text>
<path d="M58 236H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="249" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">LOCAL MODELS</text><path d="M58 254H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="267" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">DESKTOP APPS</text><path d="M58 272H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="285" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">CLOUD AI</text><path d="M58 290H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#alternatives-light-svg-diagram)">
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<path d="M594 120L804 188" stroke="#d4d7dc"/><rect x="536" y="98" width="116" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="594" y="124" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">LOCAL</text><path d="M1014 120L804 188" stroke="#d4d7dc"/><rect x="956" y="98" width="116" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1014" y="124" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">DESKTOP</text><path d="M594 256L804 188" stroke="#d4d7dc"/><rect x="536" y="234" width="116" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="594" y="260" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">RAG</text><path d="M1014 256L804 188" stroke="#d4d7dc"/><rect x="956" y="234" width="116" height="44" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1014" y="260" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="middle">CLOUD</text><rect x="712" y="142" width="184" height="92" fill="#ffffff" stroke="#ff6a00" stroke-width="2"/><text x="804" y="178" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="middle">OPEN WEBUI</text><text x="804" y="204" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#585858" opacity="0.9" text-anchor="middle">COMPARE OPTIONS</text><text x="804" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="middle">PICK THE RIGHT FIT</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">ALTERNATIVES</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

static/images/banners/brand-dark.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="brand-dark-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#050505"/>
<path d="M0 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M40 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M80 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M240 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M280 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M320 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M360 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M400 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M440 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M480 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M520 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M560 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M600 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M640 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M680 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M720 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M760 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M800 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M840 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M880 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M920 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M960 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1000 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1040 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1080 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M0 0H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 40H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 80H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 120H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 160H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 200H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 240H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 280H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 320H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 360H1200" stroke="#1a1a1a" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#3a3a3a" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#3a3a3a" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#9a9a9a" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">VISUAL IDENTITY</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#f5f5f5" opacity="1" text-anchor="start">Brand Guidelines</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#9a9a9a" opacity="0.9" text-anchor="start">logo / name / usage</text>
<path d="M58 234H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">ASSETS</text><path d="M58 252H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">NAMING</text><path d="M58 270H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">RULES</text><path d="M58 288H398" stroke="#3a3a3a" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#0f0f0f" stroke="#3a3a3a"/>
<g clip-path="url(#brand-dark-svg-diagram)">
<path d="M526 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M566 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M606 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M646 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M686 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M726 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M766 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M806 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M846 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M886 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M926 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M966 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1006 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1046 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1086 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M486 136H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 176H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 216H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 256H1122" stroke="#1a1a1a" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="574" y="120" width="196" height="128" fill="#000000" stroke="#ff6a00" stroke-width="2"/><path d="M612 188L672 146L732 188V226H612Z" fill="none" stroke="#ff6a00" stroke-width="2"/><rect x="644" y="188" width="56" height="38" fill="#161616" stroke="#ff6a00"/><rect x="824" y="132" width="218" height="38" fill="#161616" stroke="#3a3a3a"/><text x="844" y="157" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#f5f5f5" opacity="0.95" text-anchor="start">Open WebUI</text><path d="M824 196H1018" stroke="#3a3a3a" stroke-width="1"/><text x="844" y="190" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#9a9a9a" opacity="0.9" text-anchor="start">CLEAR SPACE</text><path d="M824 224H1018" stroke="#ff6a00" stroke-width="2"/><text x="844" y="218" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#ff6a00" opacity="0.9" text-anchor="start">CORRECT NAME</text><path d="M824 252H1018" stroke="#3a3a3a" stroke-width="1"/><text x="844" y="246" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#9a9a9a" opacity="0.9" text-anchor="start">NO MODIFICATION</text><text x="804" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="middle">USE PROVIDED ASSETS</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#3a3a3a"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="end" dominant-baseline="middle">BRAND</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

static/images/banners/brand-light.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="brand-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">VISUAL IDENTITY</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Brand Guidelines</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">logo / name / usage</text>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">ASSETS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">NAMING</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">RULES</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#brand-light-svg-diagram)">
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="574" y="120" width="196" height="128" fill="#ffffff" stroke="#ff6a00" stroke-width="2"/><path d="M612 188L672 146L732 188V226H612Z" fill="none" stroke="#ff6a00" stroke-width="2"/><rect x="644" y="188" width="56" height="38" fill="#f6f7f8" stroke="#ff6a00"/><rect x="824" y="132" width="218" height="38" fill="#f6f7f8" stroke="#d4d7dc"/><text x="844" y="157" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#111111" opacity="0.95" text-anchor="start">Open WebUI</text><path d="M824 196H1018" stroke="#d4d7dc" stroke-width="1"/><text x="844" y="190" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#585858" opacity="0.9" text-anchor="start">CLEAR SPACE</text><path d="M824 224H1018" stroke="#ff6a00" stroke-width="2"/><text x="844" y="218" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#ff6a00" opacity="0.9" text-anchor="start">CORRECT NAME</text><path d="M824 252H1018" stroke="#d4d7dc" stroke-width="1"/><text x="844" y="246" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#585858" opacity="0.9" text-anchor="start">NO MODIFICATION</text><text x="804" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="middle">USE PROVIDED ASSETS</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">BRAND</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

static/images/banners/sponsorships-dark.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="sponsorships-dark-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#050505"/>
<path d="M0 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M40 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M80 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M240 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M280 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M320 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M360 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M400 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M440 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M480 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M520 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M560 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M600 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M640 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M680 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M720 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M760 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M800 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M840 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M880 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M920 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M960 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1000 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1040 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1080 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M0 0H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 40H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 80H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 120H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 160H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 200H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 240H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 280H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 320H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 360H1200" stroke="#1a1a1a" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#3a3a3a" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#3a3a3a" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#9a9a9a" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">COMMUNITY SUPPORT</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#f5f5f5" opacity="1" text-anchor="start">Sponsorships</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#9a9a9a" opacity="0.9" text-anchor="start">fund / sustain / grow</text>
<path d="M58 234H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">SPONSORS</text><path d="M58 252H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">POLICIES</text><path d="M58 270H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">IMPACT</text><path d="M58 288H398" stroke="#3a3a3a" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#0f0f0f" stroke="#3a3a3a"/>
<g clip-path="url(#sponsorships-dark-svg-diagram)">
<path d="M526 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M566 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M606 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M646 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M686 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M726 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M766 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M806 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M846 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M886 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M926 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M966 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1006 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1046 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1086 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M486 136H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 176H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 216H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 256H1122" stroke="#1a1a1a" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="526" y="144" width="140" height="72" fill="#161616" stroke="#3a3a3a"/><text x="596" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.92" text-anchor="middle">SPONSORS</text><path d="M554 192H638" stroke="#3a3a3a" stroke-width="1"/><path d="M666 180H734" stroke="#3a3a3a"/><rect x="734" y="144" width="140" height="72" fill="#000000" stroke="#ff6a00"/><text x="804" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="0.92" text-anchor="middle">PROJECT</text><path d="M762 192H846" stroke="#ff6a00" stroke-width="2"/><path d="M874 180H942" stroke="#3a3a3a"/><rect x="942" y="144" width="140" height="72" fill="#161616" stroke="#3a3a3a"/><text x="1012" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.92" text-anchor="middle">COMMUNITY</text><path d="M970 192H1054" stroke="#3a3a3a" stroke-width="1"/><rect x="716" y="244" width="176" height="30" fill="#ff6a00" stroke="#ff6a00"/><text x="804" y="264" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">COMMUNITY FIRST</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#3a3a3a"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="end" dominant-baseline="middle">SPONSORSHIP</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

static/images/banners/sponsorships-light.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="sponsorships-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">COMMUNITY SUPPORT</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Sponsorships</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">fund / sustain / grow</text>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SPONSORS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">POLICIES</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">IMPACT</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#sponsorships-light-svg-diagram)">
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="526" y="144" width="140" height="72" fill="#f6f7f8" stroke="#d4d7dc"/><text x="596" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.92" text-anchor="middle">SPONSORS</text><path d="M554 192H638" stroke="#d4d7dc" stroke-width="1"/><path d="M666 180H734" stroke="#d4d7dc"/><rect x="734" y="144" width="140" height="72" fill="#ffffff" stroke="#ff6a00"/><text x="804" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="0.92" text-anchor="middle">PROJECT</text><path d="M762 192H846" stroke="#ff6a00" stroke-width="2"/><path d="M874 180H942" stroke="#d4d7dc"/><rect x="942" y="144" width="140" height="72" fill="#f6f7f8" stroke="#d4d7dc"/><text x="1012" y="176" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.92" text-anchor="middle">COMMUNITY</text><path d="M970 192H1054" stroke="#d4d7dc" stroke-width="1"/><rect x="716" y="244" width="176" height="30" fill="#ff6a00" stroke="#ff6a00"/><text x="804" y="264" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.95" text-anchor="middle">COMMUNITY FIRST</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">SPONSORSHIP</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

static/images/banners/troubleshooting-dark.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="troubleshooting-dark-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#050505"/>
<path d="M0 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M40 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M80 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M240 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M280 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M320 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M360 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M400 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M440 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M480 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M520 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M560 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M600 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M640 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M680 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M720 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M760 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M800 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M840 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M880 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M920 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M960 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1000 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1040 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1080 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1120 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1160 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M1200 0V380" stroke="#1a1a1a" opacity="0.28"/><path d="M0 0H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 40H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 80H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 120H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 160H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 200H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 240H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 280H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 320H1200" stroke="#1a1a1a" opacity="0.28"/><path d="M0 360H1200" stroke="#1a1a1a" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#3a3a3a" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#3a3a3a" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#9a9a9a" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">ISSUE ROUTING</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#f5f5f5" opacity="1" text-anchor="start">Troubleshooting</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#9a9a9a" opacity="0.9" text-anchor="start">symptoms / guides / fixes</text>
<path d="M58 234H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">SYMPTOMS</text><path d="M58 252H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">GUIDES</text><path d="M58 270H398" stroke="#3a3a3a" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#9a9a9a" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#f5f5f5" opacity="0.86" text-anchor="start">SUPPORT</text><path d="M58 288H398" stroke="#3a3a3a" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#0f0f0f" stroke="#3a3a3a"/>
<g clip-path="url(#troubleshooting-dark-svg-diagram)">
<path d="M526 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M566 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M606 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M646 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M686 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M726 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M766 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M806 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M846 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M886 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M926 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M966 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1006 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1046 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M1086 96V292" stroke="#1a1a1a" opacity="0.24"/><path d="M486 136H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 176H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 216H1122" stroke="#1a1a1a" opacity="0.24"/><path d="M486 256H1122" stroke="#1a1a1a" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="552" y="108" width="500" height="166" fill="#161616" stroke="#3a3a3a"/><path d="M552 144H1052M724 108V274M888 108V274" stroke="#3a3a3a"/><text x="586" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.9" text-anchor="start">SYMPTOM</text><text x="752" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="0.9" text-anchor="start">GUIDE</text><text x="918" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#f5f5f5" opacity="0.9" text-anchor="start">FIX</text><path d="M574 166H670M746 166H842M910 166H1010" stroke="#3a3a3a" stroke-width="1"/><path d="M574 190H670M746 190H842M910 190H1010" stroke="#ff6a00" stroke-width="2"/><path d="M574 214H670M746 214H842M910 214H1010" stroke="#3a3a3a" stroke-width="1"/><path d="M574 238H670M746 238H842M910 238H1010" stroke="#3a3a3a" stroke-width="1"/><rect x="724" y="178" width="164" height="28" fill="none" stroke="#ff6a00" stroke-width="2"/><text x="804" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="middle">MATCH THE ISSUE</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#3a3a3a"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#606060" opacity="0.72" text-anchor="end" dominant-baseline="middle">TROUBLESHOOTING</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

static/images/banners/troubleshooting-light.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 380">
<defs>
<clipPath id="troubleshooting-light-svg-diagram"><rect x="486" y="96" width="636" height="196"/></clipPath>
</defs>
<rect width="1200" height="380" fill="#ffffff"/>
<path d="M0 0V380" stroke="#eceff2" opacity="0.28"/><path d="M40 0V380" stroke="#eceff2" opacity="0.28"/><path d="M80 0V380" stroke="#eceff2" opacity="0.28"/><path d="M120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M240 0V380" stroke="#eceff2" opacity="0.28"/><path d="M280 0V380" stroke="#eceff2" opacity="0.28"/><path d="M320 0V380" stroke="#eceff2" opacity="0.28"/><path d="M360 0V380" stroke="#eceff2" opacity="0.28"/><path d="M400 0V380" stroke="#eceff2" opacity="0.28"/><path d="M440 0V380" stroke="#eceff2" opacity="0.28"/><path d="M480 0V380" stroke="#eceff2" opacity="0.28"/><path d="M520 0V380" stroke="#eceff2" opacity="0.28"/><path d="M560 0V380" stroke="#eceff2" opacity="0.28"/><path d="M600 0V380" stroke="#eceff2" opacity="0.28"/><path d="M640 0V380" stroke="#eceff2" opacity="0.28"/><path d="M680 0V380" stroke="#eceff2" opacity="0.28"/><path d="M720 0V380" stroke="#eceff2" opacity="0.28"/><path d="M760 0V380" stroke="#eceff2" opacity="0.28"/><path d="M800 0V380" stroke="#eceff2" opacity="0.28"/><path d="M840 0V380" stroke="#eceff2" opacity="0.28"/><path d="M880 0V380" stroke="#eceff2" opacity="0.28"/><path d="M920 0V380" stroke="#eceff2" opacity="0.28"/><path d="M960 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1000 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1040 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1080 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1120 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1160 0V380" stroke="#eceff2" opacity="0.28"/><path d="M1200 0V380" stroke="#eceff2" opacity="0.28"/><path d="M0 0H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 40H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 80H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 120H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 160H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 200H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 240H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 280H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 320H1200" stroke="#eceff2" opacity="0.28"/><path d="M0 360H1200" stroke="#eceff2" opacity="0.28"/>
<rect x="32" y="32" width="1136" height="316" fill="none" stroke="#d4d7dc" stroke-width="1"/>
<path d="M32 86H1168M432 32V348M32 300H1168" stroke="#d4d7dc" stroke-width="1"/>
<text x="56" y="64" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#585858" opacity="0.9" text-anchor="start">OPEN WEBUI</text>
<text x="56" y="110" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="12" fill="#ff6a00" opacity="1" text-anchor="start">ISSUE ROUTING</text>
<text x="54" y="160" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="36" font-weight="400" fill="#111111" opacity="1" text-anchor="start">Troubleshooting</text>
<text x="58" y="198" font-family="Helvetica Neue, Helvetica, Arial, sans-serif" font-size="17" font-weight="350" fill="#585858" opacity="0.9" text-anchor="start">symptoms / guides / fixes</text>
<path d="M58 234H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">01</text><text x="92" y="247" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SYMPTOMS</text><path d="M58 252H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">02</text><text x="92" y="265" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">GUIDES</text><path d="M58 270H398" stroke="#d4d7dc" opacity="0.55"/><text x="58" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="8.5" fill="#585858" opacity="0.7" text-anchor="start">03</text><text x="92" y="283" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="9.5" fill="#111111" opacity="0.86" text-anchor="start">SUPPORT</text><path d="M58 288H398" stroke="#d4d7dc" opacity="0.55"/>
<rect x="486" y="96" width="636" height="196" fill="#ffffff" stroke="#d4d7dc"/>
<g clip-path="url(#troubleshooting-light-svg-diagram)">
<path d="M526 96V292" stroke="#eceff2" opacity="0.24"/><path d="M566 96V292" stroke="#eceff2" opacity="0.24"/><path d="M606 96V292" stroke="#eceff2" opacity="0.24"/><path d="M646 96V292" stroke="#eceff2" opacity="0.24"/><path d="M686 96V292" stroke="#eceff2" opacity="0.24"/><path d="M726 96V292" stroke="#eceff2" opacity="0.24"/><path d="M766 96V292" stroke="#eceff2" opacity="0.24"/><path d="M806 96V292" stroke="#eceff2" opacity="0.24"/><path d="M846 96V292" stroke="#eceff2" opacity="0.24"/><path d="M886 96V292" stroke="#eceff2" opacity="0.24"/><path d="M926 96V292" stroke="#eceff2" opacity="0.24"/><path d="M966 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1006 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1046 96V292" stroke="#eceff2" opacity="0.24"/><path d="M1086 96V292" stroke="#eceff2" opacity="0.24"/><path d="M486 136H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 176H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 216H1122" stroke="#eceff2" opacity="0.24"/><path d="M486 256H1122" stroke="#eceff2" opacity="0.24"/>
<g transform="translate(804 194) scale(0.8) translate(-804 -194)">
<rect x="552" y="108" width="500" height="166" fill="#f6f7f8" stroke="#d4d7dc"/><path d="M552 144H1052M724 108V274M888 108V274" stroke="#d4d7dc"/><text x="586" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">SYMPTOM</text><text x="752" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="0.9" text-anchor="start">GUIDE</text><text x="918" y="132" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#111111" opacity="0.9" text-anchor="start">FIX</text><path d="M574 166H670M746 166H842M910 166H1010" stroke="#d4d7dc" stroke-width="1"/><path d="M574 190H670M746 190H842M910 190H1010" stroke="#ff6a00" stroke-width="2"/><path d="M574 214H670M746 214H842M910 214H1010" stroke="#d4d7dc" stroke-width="1"/><path d="M574 238H670M746 238H842M910 238H1010" stroke="#d4d7dc" stroke-width="1"/><rect x="724" y="178" width="164" height="28" fill="none" stroke="#ff6a00" stroke-width="2"/><text x="804" y="292" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#ff6a00" opacity="1" text-anchor="middle">MATCH THE ISSUE</text>
</g>
</g>
<rect x="486" y="96" width="636" height="196" fill="none" stroke="#d4d7dc"/>
<text x="56" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="start" dominant-baseline="middle">DOCS</text>
<text x="1120" y="324" font-family="JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace" font-size="10" fill="#888888" opacity="0.72" text-anchor="end" dominant-baseline="middle">TROUBLESHOOTING</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB