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-tighttext-3xl sm:text-5xl md:text-7xl font-bold tracking-tighttext-2xl sm:text-3xl md:text-4xl font-bold tracking-tighttext-xl sm:text-2xl md:text-3xl font-semibold tracking-tighttext-lg sm:text-xl md:text-2xl font-semiboldtext-base sm:text-lg md:text-xl leading-relaxed font-light tracking-widetext-sm sm:text-base leading-relaxedtext-sm tracking-widetext-xs tracking-widebg-gradient-to-b from-white to-white/80bg-gradient-to-r from-indigo-300 via-white/90 to-rose-300bg-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]/80bg-gradient-to-r from-indigo-500/[0.15] to-transparentbg-gradient-to-r from-rose-500/[0.15] to-transparentbg-gradient-to-r from-violet-500/[0.15] to-transparentbg-gradient-to-r from-amber-500/[0.15] to-transparentFade Up Animation (Staggered)
Floating Animation
Subtle glass effect with backdrop blur
Enhanced glass with gradient and shadow