Evervault. A dark crypt where one violet beam reveals everything.

Brand accent — links, highlight icons, gradient termini, the signature violet that signals encryption

Brand gradient anchor — hero gradient origin, logo violet, saturated primary brand tone

Mid-gradient violet, hover states on brand elements, secondary accent fills

Tinted shadows and border accents — gives depth a violet cast rather than pure black

Deep accent backgrounds, violet-tinted shadow layers, card hover glows

Code syntax highlighting (Monokai-style keywords), inline emphasis in code blocks

Primary page background, hero canvas — near-black with a blue-violet undertone, not a true neutral

Elevated panels, nav bar, secondary cards — one step up from canvas, reads as a subtle surface tier

Card backgrounds, input fields, inset panels — the main surface level for content containers

Hairline borders, dividers, card edges — barely visible structural lines on dark surfaces

Muted helper text, disabled labels, tertiary metadata

Secondary body text, inactive icons, subdued UI labels

Link resting state, sub-labels, low-emphasis body

Primary body and heading text — a cool off-white, the dominant readable surface in the system

High-contrast text, hover states, icon highlights — the brightest text in the hierarchy

Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color