Identity guidelines for Varjosoft. Use these assets when referencing the company, products, or Spegling.
The Varjosoft mark consists of two crescent-shadowed circles. The larger, brighter circle represents the visible surface. The smaller, dimmer one represents the shadow. Together they reference "varjo" (Finnish for shadow) and the idea of presence without spectacle.
On dark background
On light background (inverted)
Primary. Dark background preferred.
On light background (inverted)
VARJO is set in #e4e4e7 (bright). SOFT is set in #71717a (muted). The shadow is the substance. The software is the medium.
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.
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.
Newsreader
Weight 400 (regular). Used for all headings, pull quotes, and the Awakening prose. Elegant without being decorative.
Inter
Weights 300-600. Used for body text, navigation, labels, buttons, the Spegling presence bubbles, and all UI elements.
VARJOSOFT
Inter 500, letter-spacing 0.18em, uppercase. VARJO in text color, SOFT in muted.
Do:
Don't:
Tone:
All assets for press, partnerships, and references.