Serbob Design System, v0.1

Workshop Editorial

Warm, dark, and built like a catalogue. Depth from typography and hairlines, never glow.

№ 01

Colour

bg#0a0a0a
sunken#000000
surface#111111
surface-2#181818
ink#ededed
ink-muted#a1a1a1
ink-faint#6e6e6e
accent#5b9bff
accent-hi#85b6ff
success#6bbd8a
danger#e5664d
warning#e3b341
№ 02

Typography

Instrument Serif, display

Plugins, crafted.

Hanken Grotesk, interface

The quick brown fox jumps over the lazy dog.

Body copy sits in muted ink for comfortable reading across long passages.

JetBrains Mono, labels & specs

$18.97 · v2.4.1 · paper-folia · 1.20–1.21

№ 03

Buttons

№ 04

Inputs

№ 05

Badges

FeaturedActiveExpiringRevokedNeutral
№ 06

Cards

№ 01$9.00

Plugin 1

A disciplined material: warm surface, one hairline, a whisper of inset highlight.

№ 02$13.00

Plugin 2

A disciplined material: warm surface, one hairline, a whisper of inset highlight.

№ 03$17.00

Plugin 3

A disciplined material: warm surface, one hairline, a whisper of inset highlight.