Standard card
Glass surface, pointer-tracked spotlight, lift on hover.
The visual language of a sovereign browser: deep-space navy, aurora gradients, and the wave. Tokens are defined once in qwave.css and drive both this guide and the landing page — edit a token, both update.
An oklch palette for perceptually even ramps, composed at runtime with color-mix(). Aqua is the wave; violet marks post-quantum; green means verified.
Space Grotesk for display, Inter for body, JetBrains Mono for code and system labels. The scale is fluid — every step is a clamp() that breathes with the viewport.
A single geometric spacing scale and five radii, from control corners to the big hero card.
Three shadow tiers plus a brand glow reserved for primary actions and live surfaces.
The reusable pieces, straight from the shipped stylesheet.
Glass surface, pointer-tracked spotlight, lift on hover.
Adds the animated conic --qw-angle gradient border.
# build the release binary xcodegen generate && xcodebuild -scheme Qwave build
Motion is purposeful and always honors prefers-reduced-motion. Tokens: four durations, three easings.
animation-timeline: scroll()) where supported. Animated borders use registered
@property custom properties. Cross-page navigation uses the View Transitions API.
None of it is required for the page to work.