Geist Design System

Terminal

Color themes for your terminal, built from Geist. Available for Ghostty, iTerm2, Alacritty, and Windows Terminal.

~/vercel/website main

▲ git status --short

D app/legacy.tsx

M app/page.js

▲ pnpm --silent check

app/page.js

1:1 warning Unexpected console statement no-console

✖ 1 problem (0 errors, 1 warning)

✔ navigation renders the home page (0.38ms)

✔ navigation follows internal links (0.05ms)

✔ checkout redirects to payment (0.05ms)

﹣ checkout integration (0.04ms) # API_URL is not set

tests 4

pass 3

skipped 1

duration_ms 55.04

▲

~/vercel/website main

▲ git status --short

D app/legacy.tsx

M app/page.js

▲ pnpm --silent check

app/page.js

1:1 warning Unexpected console statement no-console

✖ 1 problem (0 errors, 1 warning)

✔ navigation renders the home page (0.38ms)

✔ navigation follows internal links (0.05ms)

✔ checkout redirects to payment (0.05ms)

﹣ checkout integration (0.04ms) # API_URL is not set

tests 4

pass 3

skipped 1

duration_ms 55.04

▲

Design details

Neutral hierarchy

Dark uses pure black, and Light uses a soft off-white. Three shades of gray separate primary text, secondary output, and details like timestamps and suggestions.

  • Primary#EDEDED
  • Secondary#A0A0A0
  • Quiet#8F8F8F
  • Primary#24292F
  • Secondary#4F5359
  • Quiet#656A70

Consistent perceptual brightness

We give Dark’s six bright accents the same +0.10 lightness step in OKLCH before converting them to sRGB. In Light, they get darker for emphasis.

Semantic colors

We use Geist colors for familiar terminal states: red for errors, green for success, amber for warnings, and blue for information. Labels like FAIL and WARN reinforce the message.

FAIL
Build failed
PASS
Tests passed
WARN
Missing config
INFO
Preview ready
FAIL
Build failed
PASS
Tests passed
WARN
Missing config
INFO
Preview ready

Palette and contrast

The 16 ANSI colors in Vercel Light. Ratios show each color as text against its #FBFBFA background. All semantic colors, including bright variants, meet a minimum 4.5:1 contrast ratio.

Vercel Light palette and contrast against #FBFBFA
ColorNormalBright
BlackNeutral
RedFailure
GreenSuccess
AmberWarning
BlueInformation
PurpleAccent
TealSecondary accent
WhiteNeutral

Downloads

Download All Themes

Terminal setup

Configure Ghostty with Geist Mono, Vercel themes, and a ▲ prompt.

1. Install Geist Mono

Download GeistMono Nerd Font

2. Configure Ghostty

Move both Ghostty themes from Downloads to ~/.config/ghostty/themes/, keeping their filenames. Add these settings to your Ghostty config for 14pt text, 16pt padding, and themes that follow your system appearance.

config.ghostty
font-family = GeistMono Nerd Font Mono
font-size = 14
theme = dark:vercel-dark.ghostty,light:vercel-light.ghostty

window-padding-x = 16
window-padding-y = 16
window-padding-balance = true
unfocused-split-opacity = 1
mouse-hide-while-typing = true

3. Add the triangle prompt

Install Starship (brew install starship on macOS). For Zsh, add the following to your shell and prompt configs.

~/.zshrc
eval "$(starship init zsh)"
~/.config/starship.toml
[character]
success_symbol = "[▲](bold green)"
error_symbol = "[▲](bold red)"
vicmd_symbol = "[▲](bold yellow)"

Open a new terminal window to apply your setup. The triangle turns red when a command fails.

Was this helpful?

supported.