Search docs ⌘ K

v1.0 · architectural dark

Interfaces fade.
Information becomes the light.

Halo is a modern, minimal, and scalable dark design system built around three quiet charcoal tiers, hairline geometry, and a tight palette of saturated signal colors. One opinionated language across button, input, card, checkbox, tabs, and a signature stat tile.

42 Tokens

28 Components

3 Surface tiers

1.5px Hairline grid

Foundations

A quiet substrate, sharpened by signal

Three surface tiers stack beneath hairline borders while a single electric indigo carries action. Four secondary signal colors — lime, amber, cyan, magenta — each map to one predictable meaning.

Palette

10 core tokens

Canvas #0A0B0F

Surface #14151C

Elevated #1E2029

Indigo #5B6BFF

Lime #2BE08C

Amber #F5D547

Cyan #3DD7E5

Magenta #FF3A5C

Border #2A2D38

On surface #F2F4F8

Typography

Inter · JetBrains Mono

Halo

Display 72 / 600

Architectural dark, signal-led.

Headline 24 / 600

Quiet substrate, hairline borders, and a single indigo for every action.

Body 15 / 400

--color-primary: #5B6BFF;

Mono 14 / 500

In context

One opinionated grammar, end to end

The same surface tiers, the same hairline borders, the same indigo action — applied to a working console pattern.

Workspace Overview

Active sessions

24,812

+12.4%

Revenue

$284.6K

+8.7%

Error rate

0.42%

+0.06

Churn

1.8%

-0.3

Sessions by region

Today's checklist

3 / 5

Ship release notes v1.4.2 09:14 Review dashboard contrast tokens 10:02 Sync with platform on auth flow 11:30 Draft Q3 metrics report 14:00 Triage incoming pull requests 16:45

Components

Five reusable surfaces, one language

Every interactive surface in Halo shares the same focus ring, the same 1px border family, and the same 150ms ease.

Buttons Primary / Secondary / Tertiary

Form fields Text · Select · Textarea

Work email

We'll never share or sell your address.

Team Used for routing and notifications.

API key Last rotated 4 days ago.

Region Region "eu-west-99" is not available.

Checkbox · Radio · Switch Selection

Enable telemetry Auto-rotate API keys Send weekly digest Beta features (org locked)

Dark substrate Inverted (high contrast)

Tabs · Chips · Signal pills State and feedback

Primary Success Warning Info Danger v1.4.2

Signature · Stat Tile Metric · trend · sparkline

Total customers

38,204

+5.6%

API requests

12.4M

+14%

P95 latency

128 ms

+9 ms

Failed jobs

241

-12%

Bring quiet light to your product.

One token language, one icon stroke weight, and a single composable component system — ready for dashboards, consoles, and editorial product surfaces.