WebPremium Verified

Liquid Glass Landing Page

A cinematic landing-page skill for fictional software launches. It creates a dark, saturated, liquid-glass experience with wide framing, serif reading copy, oversized grotesk headlines, credible product proof, and a clear conversion path for solo founders and indie teams.

What you get

  • A complete 10-section product launch page with nav, hero, proof, features, workflow, metrics, steps, testimonials, CTA, and footer
  • A dark liquid-glass visual system with accessible contrast, hairline borders, controlled blur, and a saturated teal ground
  • Specific fictional product copy shaped around a credible publishing workflow and a single conversion goal
  • Responsive composition guidance for desktop, tablet, and mobile without losing cinematic scale

Good fit

  • A solo founder launching a polished software product or creative tool
  • An indie team that needs a premium first impression before a public release
  • A product with a strong visual identity and one primary signup or demo action

Not for

  • A bright consumer campaign that depends on playful illustration or colorful character art
  • A complex application shell where users need dense navigation and frequent data entry
  • A page whose content is not yet specific enough to support a real product promise

What you provide

  • Product name, category, and launch promise
  • Primary CTA destination and desired action
  • Audience, differentiators, and available proof points
  • Any product imagery or brand colors that must be preserved

Requirements

  • A modern browser
  • Node.js 20+ for the validator

Running cost

No external services. Runs entirely on your agent.

Try this prompt

/sl-liquid-glass-landing-page Build a responsive Lumenfold landing page for teams preparing a product launch. Include a split hero with “Make the launch feel inevitable.”, partner names, three product benefits, a workflow overview, four proof stats, three steps, two testimonials, a closing CTA “Start a private preview,” and a footer. Use a cinematic liquid-glass look with saturated teal and amber accents.

Follow-up prompts

  • Make the hero more editorial and cinematic while keeping the CTA and product promise visible above the fold.
  • Replace the feature grid with a sharper workflow story that shows how a launch moves from notes to published pages.
  • Audit the mobile layout for contrast, tap target size, reading order, and excessive glass blur.

Verification

Verified

render-checkpass4.0 / 532s

FAQ

Does this skill require a real product or brand?

No. It is designed to create a convincing fictional product page from a concise brief, while leaving clear slots for the agent to replace the name, proof, visuals, and CTA destination.

Can the glass treatment remain usable on mobile?

Yes. The page should reduce blur and decorative layering on small screens, preserve text contrast and tap targets, and keep the primary promise and CTA in the first viewport.

What makes this different from a generic dark SaaS page?

The visual system is intentionally art-directed: oversized film-title typography, wide negative space, translucent layered surfaces, a saturated ground, and a narrative sequence that moves from promise to proof to action.

Similar skills

Liquid Glass Landing Page · SkillLoom