uvmaya
← Back to website prompts
E-commerce · Liquid Glass · Website

Sava Cloud — Liquid Glass E-commerce

Free prompt

Prompt

Build a stunning, production-ready landing page for "Sava Cloud", a premium online store.

ART DIRECTION — Liquid Glass: fluid translucent surfaces that refract the background, specular highlights, and slow morphing blob shapes. Color system: background #0A0A0F, primary accent #7C5CFF, secondary accent #FF7A59. Typography: Unbounded for headlines, Karla for body. Keep contrast WCAG AA and use an 8px spacing scale.

HERO: a hero built around one massive statistic that counts up on load. Headline should communicate the core promise of a premium online store in under 8 words, with a supporting subline and a primary CTA labeled "Try it today" plus a quiet secondary link.

PAGE STRUCTURE: After the hero, include: case-study cards with hover video previews, process timeline, awards strip, testimonial wall, and contact section with map. Every section needs real, benefit-led copy written for e-commerce customers — no lorem ipsum.

MOTION: Micro-interactions everywhere: icon draws on hover, links underline-slide, toggles spring with slight overshoot. Respect prefers-reduced-motion.

DETAILS: Sticky translucent navbar that gains a blur + border after 40px of scroll. Custom hover states on all interactive elements. A footer with sitemap columns, social icons, and a subtle brand watermark. Fully responsive from 360px to 1440px+, with the hero recomposing gracefully on mobile.

TECH: Single-page React component styled with Tailwind CSS. Use semantic HTML, lazy-load imagery, and keep Lighthouse performance above 90. No placeholder text anywhere — everything should read like a real E-commerce brand shipped it.

Paste into Lovable, Bolt, Cursor, v0 or Claude. Licensed for personal & client work. — Sava Cloud — Liquid Glass E-commerce