The single source of truth for every illustration. Build it here first, then use it anywhere.
THE APPROACH
Architectural construction.
Each illustration is composed from SVG geometric primitives — paths, rectangles, circles, arcs. Every element is precise, grid-aligned, and intentional.
SHAPES
Paths, rects, circles, arcs
GRADIENTS
Linear + radial. Dark to accent
LAYERS
Background → form → details
GUIDES
Grid lines, brackets, dashes
LIBRARY
HOME
SIGNUP
VERIFY EMAIL
BUY
SECURITY
DEPOSIT
GROWTH
DIAMOND HANDS
TIME MACHINE
HOME
A lonely ghost floating in space, waiting for coins to keep it company. Droopy eyes, a small frown, and a single tear. Playful, endearing — nothing here yet, but soon.
SIGNUP
A person silhouette rising through a glowing portal ring. Orbiting coin dots (BTC, ETH, SOL). The feeling: joining something, membership, a journey starting.
VERIFY EMAIL
A floating envelope sealed with a glowing stripe. Three signal arcs radiate upward like a transmission. A beam descends and a pulsing dot marks the arriving code.
BUY
A wallet with crypto coins (BTC, ETH, XRP) dropping in. The core action — buying crypto.
SECURITY
Shield + lock composition. Gradients create depth. The scan line animation communicates active protection.
DEPOSIT
Tokens descending into a portal. Concentric depth rings create perspective. Staggered float animation.
GROWTH
A rocket ascending through altitude markers. Exhaust plume with flowing particles. Upward momentum.
DIAMOND HANDS
A rounded square locked in place with pause bars. Jolt animation communicates rigidity and commitment. Corner ticks pulse to show active protection.
TIME MACHINE
A rewind arrow curves in a circular motion with radiating speed lines. Trail particles fade backward. The feeling: opportunity recaptured, historical proof, second chances.
CONSTRUCTION RULES
DO
IllustrationBase from system.tsx as your rootDON'T