# Glif brand

Brand guide: https://glif.app/brand
Markdown version: https://glif.app/brand.md

Use this guide for Glif’s own pages and marketing. Work made with Glif can use any style.

## About Glif

Glif is a creative agent platform. Describe what you want to make, and Glif chooses the models and does the work across image, video, and audio.

Tagline: The Creative Agent Platform

## Logo

- Use the full Glif logo when there’s room and the icon in small spaces.
- Use black on light backgrounds and white on dark ones. Use gray when the logo should draw less attention.
- Leave space around the logo. Keep its original shape and colors, without added effects.

- logo, black (SVG): https://glif.app/brand/v1/logo/glif-logo-black.svg
- logo, black (PNG): https://glif.app/brand/v1/logo/glif-logo-black.png
- logo, gray (SVG): https://glif.app/brand/v1/logo/glif-logo-gray.svg
- logo, gray (PNG): https://glif.app/brand/v1/logo/glif-logo-gray.png
- logo, white (SVG): https://glif.app/brand/v1/logo/glif-logo-white.svg
- logo, white (PNG): https://glif.app/brand/v1/logo/glif-logo-white.png
- icon, black (SVG): https://glif.app/brand/v1/icon/glif-icon-black.svg
- icon, black (PNG): https://glif.app/brand/v1/icon/glif-icon-black.png
- icon, gray (SVG): https://glif.app/brand/v1/icon/glif-icon-gray.svg
- icon, gray (PNG): https://glif.app/brand/v1/icon/glif-icon-gray.png
- icon, white (SVG): https://glif.app/brand/v1/icon/glif-icon-white.svg
- icon, white (PNG): https://glif.app/brand/v1/icon/glif-icon-white.png

## Color

- Use Paper for light backgrounds and Night for dark ones. Paper is a color name, not a texture.
- Use mint to draw attention to buttons and selected items. Keep the usual colors for errors, warnings, success messages, and charts.
- Use the light and dark color pairs below to keep text easy to read.
- Keep interface colors simple. Illustrations, photos, and artwork can use a wider range.
- Text needs at least 4.5:1 contrast against its background, or 3:1 for large text and essential controls. Use labels or icons as well as color to show what something means.

| Color | Hex | Role | Theme | CSS token |
| --- | --- | --- | --- | --- |
| Paper | #FBFAF6 | Light background | light | --background |
| Ink | #151916 | Text on light | light | --foreground |
| Night | #0B0F0D | Dark background | dark | --background |
| Chalk | #F1F4F1 | Text on dark | dark | --foreground |
| Sage | #65706A | Secondary text on light | light | --muted-foreground |
| Sage on dark | #99A49D | Secondary text on dark | dark | --muted-foreground |
| Mint | #5FC99D | Accent on dark | dark | --highlight |
| Deep mint | #005C40 | Accent on light | light | --highlight |
| Mint wash | #D8F4E6 | Highlighted surface on light | light | --surface-highlight |
| Mint wash on dark | #0A3B29 | Highlighted surface on dark | dark | --surface-highlight |

### Readable color pairs

- Light text: Ink #151916 on Paper #FBFAF6.
- Light secondary text: Sage #65706A on Paper #FBFAF6.
- Light accent: Paper #FBFAF6 on Deep mint #005C40.
- Light highlighted surface: Ink #151916 on Mint wash #D8F4E6.
- Dark text: Chalk #F1F4F1 on Night #0B0F0D.
- Dark secondary text: Sage on dark #99A49D on Night #0B0F0D.
- Dark accent: Night #0B0F0D on Mint #5FC99D.
- Dark highlighted surface: Chalk #F1F4F1 on Mint wash on dark #0A3B29.

## Type

Use Manrope 500 for body text and 600 for emphasis. Use Iowan Old Style for large headings. If it is unavailable, use Baskerville, Times New Roman, or the system serif font.

- Write headings and labels like normal sentences. Avoid all caps and widely spaced letters.
- Keep text short and easy to scan. Give images room instead of adding extra boxes or decoration.

## Visual style

Our illustration style, Soft Cybernetics, pairs familiar creative tools with natural materials, soft colored light, and room to breathe.

## Voice

Glif’s voice is clear, direct, and practical. Use everyday words, real examples, and claims you can show.

## Taglines

- The Creative Agent Platform
- One prompt. Every creative AI tool.
- Your context stays with the work.
- Use Glif where you work.

## Examples

- [Current color reference](https://i.glifusercontent.com/unsafe/raw/plain/s3://glif-assets-production/img/gpqa8kzcf1h1owag6sbz0.png): Glif’s colors, with examples of design, illustration, and artwork. The interface is an example, not a product screenshot.
- [Glif homepage](https://glif.app/): See these choices together: soft backgrounds, clear text, simple buttons, and colorful work. Try both light and dark mode.

## Bonus: Halloween 2026

All through October, the Glif logo turns into a pumpkin. On the site, a spider drops from the f and a bat flits past every 20 seconds.

- Pumpkin wordmark (SVG): https://glif.app/brand/halloween-2026/glif-logo-pumpkin.svg
- Pumpkin wordmark (PNG): https://glif.app/brand/halloween-2026/glif-logo-pumpkin.png
- With spider and bat, black (SVG): https://glif.app/brand/halloween-2026/glif-logo-pumpkin-spider-bat-black.svg
- With spider and bat, black (PNG): https://glif.app/brand/halloween-2026/glif-logo-pumpkin-spider-bat-black.png
- With spider and bat, white (SVG): https://glif.app/brand/halloween-2026/glif-logo-pumpkin-spider-bat-white.svg
- With spider and bat, white (PNG): https://glif.app/brand/halloween-2026/glif-logo-pumpkin-spider-bat-white.png