---
title: "Six directions, one set of semantic tokens"
description: "The six void token directions — precision, terminal, instrument, editorial, swiss and warm — each with its own fonts, radius, motion and palette."
canonical: https://void-design.vercel.app/directions
lastModified: 2026-09-16
---

# Six directions

A direction is one CSS file over the shared base: fonts, radius, display weight and tracking, motion durations, and a light and dark palette checked for WCAG and APCA contrast. Components only use semantic tokens, so switching direction never touches a component.

## 01 Precision

dark-first · r 0.375rem

Calm, exact, fast.

Geist + Geist Mono. Palette: bg, surface, line-strong, fg-muted, fg, brand. [Read more](https://void-design.vercel.app/directions/precision)

## 02 Terminal

dark-first · r 0rem

Raw, fast, honest.

Geist Mono. Palette: bg, surface, line-strong, fg-muted, fg, brand. [Read more](https://void-design.vercel.app/directions/terminal)

## 03 Instrument

light + dark · r 0.375rem

Trustworthy, dense, data-first.

IBM Plex Sans + IBM Plex Mono. Palette: bg, surface, line-strong, fg-muted, fg, brand. [Read more](https://void-design.vercel.app/directions/instrument)

## 04 Editorial

light-first · r 0.125rem

Literary, considered, slow.

Newsreader + IBM Plex Mono. Palette: bg, surface, line-strong, fg-muted, fg, brand. [Read more](https://void-design.vercel.app/directions/editorial)

## 05 Swiss

light-first · r 0rem

Rational, confident, poster-like.

Schibsted Grotesk + JetBrains Mono. Palette: bg, surface, line-strong, fg-muted, fg, brand. [Read more](https://void-design.vercel.app/directions/swiss)

## 06 Warm

light-first · r 0.625rem

Approachable and calm, like a well-made notebook app.

Bricolage Grotesque + Figtree. Palette: bg, surface, line-strong, fg-muted, fg, brand. [Read more](https://void-design.vercel.app/directions/warm)

## Compare

| Direction | Scheme | Display | Mono | Radius | Use for | Avoid |
| --- | --- | --- | --- | --- | --- | --- |
| Precision | dark | Geist 500 | Geist Mono | 0.375rem | dev tools, AI/infra products, pro SaaS, technical launch pages | playful consumer brands, long-form reading |
| Terminal | dark | Geist Mono 600 | Geist Mono | 0rem | CLIs, dev infra, hacker tools, hackathons, developer launch pages | mainstream or non-technical audiences, long reading |
| Instrument | system | IBM Plex Sans 600 | IBM Plex Mono | 0.375rem | analytics, admin, finance, ops consoles, internal tools, docs for data products | marketing landing pages, big-type storytelling |
| Editorial | light | Newsreader 400 | IBM Plex Mono | 0.125rem | publications, essays, research, studios, premium brands, long-form docs | dense data apps, dashboards |
| Swiss | light | Schibsted Grotesk 700 | JetBrains Mono | 0rem | agencies, architecture, type/design tools, events, portfolios, data journalism | friendly consumer onboarding, soft brands |
| Warm | light | Bricolage Grotesque 600 | JetBrains Mono | 0.625rem | consumer SaaS, productivity/notes, education, health, community | security/infra, luxury, dense data |