Specimen

For Eye for Type. Cool proof paper and black ink, with a proofreader's red for marks and blue for the answer. Source Serif for the type you're judging, Source Sans for everything around it.

Eye for Type

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`	10px
`--ds-density`	1
`--ds-font-display`	Source Serif 4
`--ds-font-sans`	Source Sans 3

Colours

Ground

bg#E8E9E5

bg-alt#DEDFDA

surface#FAFAF8

surface-raised#FFFFFF

surface-hoverrgba(17, 18, 16, 0.04)

Line

border-subtlergba(17, 18, 16, 0.07)

borderrgba(17, 18, 16, 0.14)

border-strongrgba(17, 18, 16, 0.26)

Ink

text#121310

text-dim#3E403B

text-muted#62655E

text-inverse#FAFAF8

Accent

accent#C23A1E

accent-hover#A82F16

accent-alt#1D6FD0

accent-contrast#FFFFFF

accent-gradientlinear-gradient(135deg, #C23A1E 0%, #A82F16 100%)

Signal

success#2F8A5B

warning#B7791F

danger#C23A1E

info#1D6FD0

Shadow and selection

shadow-colorrgba(18, 19, 16, 0.14)

shadow-highlightrgba(255, 255, 255, 0.7)

selection-bg#1D6FD0

selection-text#FFFFFF

Use it

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

Its favicon is icons/specimen.svg.