A living reference of every component, color token, typography style, and animation used across the Neural Solutions site. See the source comments for full architecture docs.
--background
0 0% 98%
--foreground
240 10% 10%
--primary
262 70% 50%
--accent
275 80% 55%
--secondary
260 20% 94%
--muted
260 15% 93%
--card
0 0% 100%
--border
260 15% 88%
Body text in Outfit. Used for paragraphs, descriptions, and general content.
Mono text for tags, labels, and technical content.
There will be two kinds of companies at the end of this decade: those that are fully utilizing AI, and those that are out of business.— Peter Diamandis
Glassmorphism: white translucent bg + backdrop-blur + subtle purple border.
Gradient border using mask-composite for elegant card edges.
Layered subtle radial gradients with faint grain texture overlay.
Hover to see 3D perspective tilt effect on this card.
shadcn/ui Card with glass styling. Used for content grouping throughout the site.
Move your mouse to see the custom cursor — a purple dot with a trailing ring that follows with lerp interpolation.
The background particle system is rendered on a fixed canvas at z-0 with 60 particles and subtle connection lines drawn between particles within 150px.
IntersectionObserver-based wrapper. Applies opacity(0→1), translateY(24px→0), and blur(4px→0) with configurable delay. Easing: cubic-bezier(0.16, 1, 0.3, 1). Duration: 700ms. Fires once.