Colors

A minimal palette. Near-black background, warm muted accent, gray text hierarchy. No bright colors. The site should feel like dark glass, not a dashboard.

Background
#0a0a0b
Raised
#111113
Text
#e4e4e7
Text dim
#a1a1aa
Text muted
#71717a
Accent
#c8b8a2
Accent dim
#a69882
Border
#27272a

Logo colors

Primary sphere
#e4e4e7
Primary shadow
#52525b
Secondary sphere
#a1a1aa
Secondary shadow
#3f3f46

Spegling voice

Spegling text
#d4cbbe

Used for Spegling's spoken dialogue in the Awakening text and chat responses. Warmer than the standard text color. Distinguishes Spegling's voice from the narrator's.

Typography

Headings

Newsreader

Weight 400 (regular). Used for all headings, pull quotes, and the Awakening prose. Elegant without being decorative.

Body & UI

Inter

Weights 300-600. Used for body text, navigation, labels, buttons, the Spegling presence bubbles, and all UI elements.

Wordmark

VARJOSOFT

Inter 500, letter-spacing 0.18em, uppercase. VARJO in text color, SOFT in muted.

Usage guidelines

Do:

Don't:

Tone:

Downloads

All assets for press, partnerships, and references.