A comprehensive design system for our development agency, featuring dark aesthetics, elegant animations, and premium glass effects.
We design, build, and launch web and mobile apps that feel custom without writing a single line of code
We build launch-ready MVPs in under 2 weeks so you can validate and sell faster
Beautiful, responsive products that actually get used
Transparent pricing so you know exactly what you're getting and what it's worth. No surprise invoices
We help early-stage startups and solo founders bring powerful ideas to life
Background
bg-[#030303]
Indigo Accent
from-indigo-500/[0.15]
Rose Accent
from-rose-500/[0.15]
Violet Accent
from-violet-500/[0.15]
Amber Accent
from-amber-500/[0.15]
Cyan Accent
from-cyan-500/[0.15]
White/80
text-white/80
White/60
text-white/60
White/40
text-white/40
White/15
border-white/[0.15]
White/08
border-white/[0.08]
White/03
bg-white/[0.03]
text-4xl sm:text-6xl md:text-8xl font-bold tracking-tight
text-3xl sm:text-5xl md:text-7xl font-bold tracking-tight
text-2xl sm:text-3xl md:text-4xl font-bold tracking-tight
text-xl sm:text-2xl md:text-3xl font-semibold tracking-tight
text-lg sm:text-xl md:text-2xl font-semibold
text-base sm:text-lg md:text-xl leading-relaxed font-light tracking-wide
text-sm sm:text-base leading-relaxed
text-sm tracking-wide
text-xs tracking-wide
bg-gradient-to-b from-white to-white/80
bg-gradient-to-r from-indigo-300 via-white/90 to-rose-300
bg-gradient-to-br from-indigo-500/[0.05] via-transparent to-rose-500/[0.05]
bg-gradient-to-t from-[#030303] via-transparent to-[#030303]/80
bg-gradient-to-r from-indigo-500/[0.15] to-transparent
bg-gradient-to-r from-rose-500/[0.15] to-transparent
bg-gradient-to-r from-violet-500/[0.15] to-transparent
bg-gradient-to-r from-amber-500/[0.15] to-transparent
Fade Up Animation (Staggered)
Floating Animation
Subtle glass effect with backdrop blur
Enhanced glass with gradient and shadow