Hero architecture
Create a premium liquid glass effect with morphing shapes, flowing animations, chromatic aberration, iridescent gradients, smooth 400-600ms transitions. Use SVG morphing for shape changes, dynamic blur, smooth color transitions creating a fluid, premium feel.
Component language
animation: morphing SVG paths (400-600ms), backdrop-filter: blur + saturate, filter: hue-rotate + brightness, blend-mode: screen, background: iridescent gradient
Best-fit market
Premium SaaS, high-end e-commerce, creative platforms, branding experiences, luxury portfolios
Palette used
Gold trust + purple tech
Typography pairing
News Editorial
Newsreader / Roboto
Newsreader designed for long-form reading. Roboto for UI.
Implementation checklist
- ☐ Morphing animations 400-600ms
- ☐ Chromatic aberration applied
- ☐ Dynamic blur active
- ☐ Iridescent gradients
- ☐ Smooth color transitions