This is how OpenX Network looks, sounds, and moves - captured from the live product, not invented next to it. Use it to build anything that needs to feel like us.
Six nodes on a hexagon, wired to a luminous center. The outer ring traces peer-to-peer edges; the gradient core is the shared signal - cyan into violet, the two ends of our accent range.
Wordmark set in Space Grotesk Medium, tracked -0.02em. Mark sits at cap-height of the wordmark with a 10px gap.
Clear space equals the width of one node. Minimum mark size 20px; minimum lockup 96px wide.
#F8F8F5#0A0A0F#a5f3fc#a3e635Green sparkles are the ambient signature - nodes lighting up across a dark network. Use as a background field, never as a foreground element. Keep density loose; every star should have room to breathe.
#0A0A0F#0B0B0F#12121A#FFFFFF14#F8F8F5#A7A9B5#93c5fd#a78bfa#f472b6#fca5a5#5eead4#fde047#7dd3fc#a3e635#fde047#fca5a5#94a3b8Keep the palette quiet. Accents earn attention because there's almost none of them.
500 / 600Regular italic400 / 500500cubic-bezier(0.2, 0.8, 0.2, 1) for reveals. Ambient loops 6-22s. Interactive transitions 150-300ms. Never bounce.prefers-reduced-motion.Short sentences. Full stops. Then one long, quiet sentence that opens the idea. The italic serif is used exactly once in a paragraph - never twice.