Core

The starting point, and what my portfolio uses. Near-black with one blue accent. If a new app has no reason to look like anything in particular, it starts here.

Reference

I make complicated products feel obvious.

Daylight saving takes an hour each spring and gives most of it back each autumn.

A text link

Dials

Dial	Value
`--ds-radius-base`	8px
`--ds-density`	1
`--ds-font-display`	Bricolage Grotesque
`--ds-font-sans`	IBM Plex Sans

Colours

Ground

bg#0A0B0C

bg-alt#0F1113

surface#16181B

surface-raised#171A1E

surface-hoverrgba(255, 255, 255, 0.05)

Line

border-subtlergba(255, 255, 255, 0.06)

borderrgba(255, 255, 255, 0.10)

border-strongrgba(255, 255, 255, 0.18)

Ink

text#ECEDEE

text-dim#C4C8CB

text-muted#8A8F94

text-inverse#0A0B0C

Accent

accent#5B7FE8

accent-hover#7C9AFF

accent-alt#7C9AFF

accent-contrast#FFFFFF

accent-gradientlinear-gradient(135deg, #5B7FE8 0%, #7C9AFF 100%)

Signal

success#3FA97A

warning#D9A03C

danger#E05252

info#5B7FE8

Shadow and selection

shadow-colorrgba(0, 0, 0, 0.55)

shadow-highlightrgba(255, 255, 255, 0.08)

selection-bg#5B7FE8

selection-text#FFFFFF

Use it

import "obvious/css/primitives.css";
import "obvious/css/themes/core.css";

Its favicon is icons/core.svg.