Aesthetic Intelligence
Styling & Visual Effects
Don't just describe a color; describe an atmosphere. Learn how to use advanced design tokens to create interfaces that feel premium and modern.
Master Styles
💎
Glassmorphism
The modern Apple-inspired look. High background blur, semi-transparent borders, and vibrant underlying gradients.
backdrop-blur-xlbg-white/10border-white/20"Soft glassmorphic cards with frosted glass blur and thin white borders."
🏗️
Neo-Brutalism
High contrast, black hard-shadows, and bold saturation. Popular in modern dev tools and edgy startups.
border-4shadow-[8px_8px_0px_0px_rgba(0,0,0,1)]font-black"Brutalist design with thick primary-color cards and hard black drop shadows."
🌑
Luxury Silent
Dark, sophisticated, and moody. Deep neutrals, extremely subtle gradients, and generous whitespace.
bg-[#050505]text-neutral-500tracking-[0.2em]"Ultra-minimalist dark theme with #0a0a0a backgrounds and slate-500 typography."
Color Theory Prompting
The 60-30-10 Rule
"60% neutral background, 30% header/secondary, 10% high-contrast accent."
When prompting colors, provide the HEX code if you have one, or describe the Saturation & Value:
Soft: "Desaturated pastels", "Muted earth tones"
Strong: "Electric neon", "High-contrast bold"
Surface vs Depth
AI models understand depth through "elevation". Ask for:
"Floating appearance with large soft shadows"
"Flush minimalist layout with thin dividers"
"Layered surfaces using background-tint stepping"