Loopwise SaaS Landing
+6Liquid Glass Landingv1.0.0
Use this Skill to build website page.
5.012 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a dark, frosted-glass landing page with a media-led hero, a focused email capture, and a restrained editorial story. It helps brands turn a single promise into a memorable sign-up experience, making it well suited to waitlists, newsletters, and launch campaigns.
Picked most often by
Updated Aug 31, 2026
Similar Skills
View all skills+6
What you get
- A complete dark landing page: glass pill nav, full-screen media hero with an email signup form, four content sections, and a footer with a giant ghost wordmark
- The real liquid-glass effect — frosted pills whose edges catch light like actual glass, not a flat transparent box
- Five media slots that work three ways: your own background video, a dark generated still with a slow cinematic drift, or a built-in placeholder that still looks finished
- One self-contained HTML file for standalone use, or the same design rebuilt natively inside your React, Vue, Svelte, or Astro project
- A built-in checker that catches emoji icons, stray external links, and oversized images before you ship
Good fit
- You are launching a newsletter, waitlist, or private beta and the only thing the page needs to do is collect emails
- You want the Apple-style black glass look without hand-tuning backdrop filters and gradient borders yourself
- You work in a real codebase and want the page as components in your own stack, not a foreign HTML blob
Not for
- Content-heavy sites with many pages and navigation levels — this is a single conversion-focused page
- Bright, colorful, or illustration-driven brands; the design only works on a pure-black ground
- Connecting the signup form to a mailing service — it ships with a front-end confirmation; you wire your own endpoint
Product Launch & App GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageStyle-lockedConversion-focusedCinematicGlassmorphismDark MonochromeLiquid GlassSerif Display
About this Skill
Turn a name and one sentence into a black-glass landing page. Frosted pills float over a dark cinematic backdrop, a huge serif headline sets the mood, and the only thing a visitor can really do is leave their email — which is the point.
What you get
- A finished one-page site: glass pill nav, full-screen hero with an email signup, four story sections, and a footer with your name written giant and ghosted
- Glass that looks like glass — the pill edges catch light at the top and bottom, the way real frosted panels do
- Media slots that take your own background video, a moody generated still with a slow drift, or nothing at all and still look deliberate
- The same design either as one file you can double-click open, or rebuilt as components inside your own React, Vue, Svelte, or Astro project
How to use
- Tell it your brand name, what the product is, and what signing up gets people
- Say where the page should live — a standalone file, or inside your project
- Have your video ready if you want one in the hero; otherwise it fills the slots with dark stills
- Open the page, scroll it once, and try the signup form
No API key and no paid service — your coding agent generates everything, and the email form comes wired with an in-page confirmation you can later point at your real mailing list.
What you need before you start
- You bring
- Brand basics: a wordmark/name, what the product is, and what the email signup gets the visitor (the Skill drafts all remaining copy in the house voice)
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…