Wope

Wope - violet horizon interface. The page feels like a control deck lit from beneath by ultraviolet light: a nearly black-violet canvas, pale gray body copy, and concentrated purple glow under the product UI. The signature move is contrast by illumination rather than by layering — surfaces stay close to #0a0118 and depth comes from translucent white borders, blur, and radiant gradients instead of heavy shadow. Rebond Grotesque appears only where the brand wants scale and impact, while Inter V handles everything else with tight negative tracking in larger sizes and occasional wide-tracked utility text. Buttons, badges, and small controls are all full pills at 999px radius, set against mostly 16px cards, so soft controls float inside a more architectural content frame. Use Night Violet #0a0118 as the dominant canvas and keep most sections within that same dark-violet family. Use Rebond Grotesque 56px or 72px with -1.12px to -1.44px tracking for hero and section headlines. Set body and navigation text in Inter V using Ash Lilac #9b96b0 for default copy and Soft Quartz #ffffff for emphasis. Use 999px radius for buttons and badges; reserve 16px radius for cards and 10px for floating overlays. Build glow with Ultraviolet Core #713dff, Lilac Beam #b7a4fb, and Horizon Glow #8562ff gradients instead of heavy drop shadows. Use 1px borders in rgba(255,255,255,0.1) on pills, glass cards, and framed surfaces. Keep vertical section rhythm large: 108px section gaps and 124px padding on major content bands. Do not introduce bright non-violet accents like teal, green, or orange into primary UI actions. Do not use square or lightly rounded buttons; controls are pills at 999px radius. Do not place strong opaque white cards on the page; surfaces stay dark or translucent over #0a0118. Do not add conventional black box-shadows; depth comes from blur, borders, and glow gradients. Do not use Rebond Grotesque for body copy, labels, or buttons. Do not collapse muted text and primary text into one tone; keep #9b96b0 for support text and #ffffff for primary content. Do not use bordered rectangular inputs; the input itself is borderless and relies on its container treatment.