Layout
Background
The page surface: a deep base with two ambient glows.
Anatomy
No interactive example yet. The anatomy for this component lives in the Figma file; the tables below describe it.
Anatomy
Background anatomy| # | Part | Description | Presence |
|---|
| 1 | Base | #0A0E1A | Required |
|---|
| 2 | Glows | #3d47ff at 35%, radii 640 and 720px | Required |
|---|
Specifications
| Base | #0A0E1A |
|---|
| Glow | #3d47ff at 35% opacity, radius 640 and 720px |
|---|
Interaction
Keyboard| Key | Result |
|---|
| None | Not interactive |
|---|
Pointer and touch| Trigger | Response |
|---|
| Motion | Glow may drift slowly; stops with reduced motion |
|---|
Accessibility
role · none
1.4.3Contrast (Minimum)2.2.2Pause, Stop, Hide
Requirements| Requirement | How Rig meets it |
|---|
| Contrast | Text is checked against the lightest part of the glow, not the base |
|---|
| Motion | Under 5 seconds or pausable (WCAG 2.2.2); respects prefers-reduced-motion |
|---|
| Forced colours | Falls back to a solid system background |
|---|
Usage
Do and don’t| Do | Don’t |
|---|
| ✓Keep glows behind decorative areas | ✕Do not place body text over the brightest glow |