Design Concept

This design system is built on the principle of standard visuals in the foreground (off-white paper background, black text, classic browser default blue links) contrasted against a background of living digital entities: glowing, blurred orbs that react to user interaction, capturing the essence of our connection with modern technology. We do things; it promptly reacts.

The typography uses Stack Sans Headline for headlines and Google Sans Flex for body text, creating a clean, modern, and highly readable experience. All links are underlined in the classic browser blue (#0000EE), maintaining a sense of familiarity and clarity.

The orbs are not static background elements, they are an interactive layer with a physics-based personality that feels curious and organic. When you hover over links, the nearest orb moves toward it with an exponential ease-out curve, starting quickly (excitement) and slowing as it approaches (caution), as if observing the link curiously.

The color palette emphasizes high saturation blends (Magenta + Cyan, Deep Blue + Yellow, Orange + Purple) that glow against the plain background. Each orb has a breathing animation: very slow, subtle changes in scale and slight drifting to simulate a living system. Orbs tend to cluster together.

This creates a tension between the essential, minimal foreground and the dynamic, reactive background. A design language that expresses how new technology will respond to intent with curiosity rather than mechanical precision.