SaaS Dark Futurista amb Glassmorphism
L'estètica SaaS Dark Futurista s'ha convertit en un estàndard per a aplicacions tech de pròxima generació. La combinació de glassmorphism, gradients profunds i tipografies marcades crea una experiència d'usuari premium que transmet confiança i innovació.
🚀 El Prompt per a la IA
"Genera una landing page per a un SaaS amb un estil dark futurista. Utilitza Tailwind CSS. Requisits:
- Fons fosc amb gradients radials per donar profunditat.
- Cartes translúcides (glassmorphism) amb backdrop-blur i vores suaus.
- Tipografia forta: títols grans en negreta i tracking ajustat.
- Botons amb contrast alt i efecte glow.
- Detalls de llum i ombres per a una sensació premium."
Peces Visuals Clau
🌑 Fons i Profunditat
Gradients radials que s'esvaeixen cap al negre profund. Utilitza bg-neutral-950 com a base.
💎 Glassmorphism
L'efecte "vidre" s'aconsegueix amb bg-white/10 i backdrop-blur-xl.
✍️ Tipografia
Títols amb font-black i tracking-tighter per a un look modern.
✨ Detalls Glow
Afegeix shadow-blue-500/20 per destacar elements clau.
Patrons Tailwind habituals
// Estructura de fons bg-gradient-to-r, bg-gradient-to-b, from-*, to-* // Efecte Vidre (Card) bg-white/10, border-white/20, backdrop-blur-xl // Títols d'impacte text-5xl, font-black, tracking-tighter, uppercase // Bordes i Sombras rounded-2xl, rounded-full, shadow-2xl // Interactius hover:* i transition-all
