Brand guidelines
How to use the assistant-ui name, logo, colors, and typography, with files to download.
Download brand kitZIP · 36.6 KB · logo and logotype, SVG and PNG
Name
assistant-uiAssistant UIAssistantUIAssistant-Ui
Logo
The logo at 144, 96, 48, 24, and 16 px.
assistant-ui
On light
assistant-ui
On dark
The logo is based on the Lucide icon set, licensed under the ISC License.
Colors
LightDark
Backgroundoklch(0.992 0.002 106)oklch(0.17 0.003 106)
Mutedoklch(0.97 0.004 106)oklch(0.275 0.004 106)
Foregroundoklch(0.145 0.006 106)oklch(0.985 0.002 106)
Accentoklch(0.623 0.214 259.8)oklch(0.623 0.214 259.8)
Blue is the only accent color. Neutrals share one warm hue, set by --tint: 106.
Typography
Headings
Public Sans · 500–550
The frontend library for AI agents.
Body
Public Sans · 400–500
Any backend, through adapters. Production chat, shipped as code you own.
Code
JetBrains Mono · 400–500
npx assistant-ui init
Rules
- 01The name is always lowercase: assistant-ui.
- 02Use the original files. Do not redraw, recolor, stretch, or rotate the logo.
- 03Use the logo in one color: dark on light backgrounds, light on dark backgrounds.
- 04Leave space around the logo. Do not crowd it with other elements.
- 05Do not use the logo to imply endorsement or affiliation without permission.
