Gradient

Gradient is a vibrant, modern design language that uses smooth color transitions to add depth, motion, and focus. It pairs a deep indigo canvas with luminous violet-to-pink blends, frosted-glass surfaces, and soft ambient glows so interfaces feel energetic and contemporary without becoming busy. Reach for Gradient when a product wants to feel forward-looking and premium: AI and developer tools, modern SaaS, and creative or fintech apps that benefit from a sense of light and momentum.

Design principles

• Use gradients with intent. Blends should guide the eye, signal importance, and add depth, not decorate every surface.
• Anchor energy on a dark, neutral canvas so luminous color reads clearly and feels intentional.
• Keep a clean structure underneath the glow; layout and spacing stay disciplined so the look never feels chaotic.
• Reserve the brightest gradients for focal elements: primary CTAs, hero text, and featured cards.
• Layer translucency and soft glows to create atmosphere and a sense of light emanating from the interface.
• Maintain strong contrast for text so vibrancy never compromises legibility.