Split-Toning Controls
Shadow Hue (OKLCH)
210°
Shadow Chroma
0.35
Highlight Hue (OKLCH)
35°
Highlight Chroma
0.45
Shadow Vector
Highlight Vector
Lift (Black Level offset)
-0.05
Gamma (Midtone curve)
1.05
Gain (White Level multiplier)
1.10
Touchpoint Grade
OKLCH Vector
Optimized Visual Hierarchy
Evaluating perceptual luminance steps and OKLCH color grading contrast across background surfaces, card containers, typography, and high-conversion CTA touchpoints.
Perceptual Lightness Distribution (OKLCH L*)
0.0 → 1.0
CTA Contrast Ratio
7.42
WCAG 2.1 Level
AAA
Perceptual Uniformity
92%
Tokens Exported
12
Touchpoint Contrast Audit
PASS AAA
Primary CTA vs Card BG
vs
7.42 : 1
AAA
Body Text vs Card BG
vs
11.20 : 1
AAA
Card BG vs Outer Canvas
vs
1.85 : 1
UI Step
System Exports
Generated CSS Theme Token Output
--bg-studio: #121318; ...