
Cadence Marketing Landingv1.0.0
Use this Skill to build landing page.
Create a dark, motion-rich SaaS landing page that guides visitors through a continuous product story with focused calls to action. It helps launch teams make a modern software offer feel distinctive and easy to understand without relying on generic sections or inflated claims.
Picked most often by
Updated Sep 22, 2026
Preview gallery
Runs in
Generates with
Similar Skills
View all skillsWhat you get
- A finished dark marketing landing page - hero, feature bento, tools showcase, testimonials, pricing, FAQ, CTA, and footer - in one self-contained HTML file
- The cadence design system: charcoal ground, one cyan accent, gradient headlines, diagonal ambient light, and 3D icon chips over every section
- Motion that demos well: a dashboard card that tilts upright as you scroll, meteor beams, animated feature vignettes, a rotating testimonial spotlight, and a CSS MacBook whose lid opens on scroll
- Every product visual built from CSS - dashboards, charts, device frames, logos, and avatars - so you never have to supply a screenshot
- Inside your own codebase, the same page arrives as components in your framework instead of one file
Good fit
- Founders and indie hackers launching a SaaS or dev tool who want a page that looks funded on day one
- Marketers who need a striking dark landing page with pricing, proof, and FAQ ready for a campaign
- Product teams that want a polished pre-launch page without design assets - all mockups are generated
Not for
- Brands committed to a light, airy look - cadence is deliberately dark-only
- Pages that must embed live video, forms that submit, or real sign-up flows - interactions are front-end simulations
- Content-heavy sites like blogs or docs portals - this is a single marketing page, with companion layouts only as extras
About this Skill

Describe your product in a few sentences and get back a complete dark marketing landing page — charcoal ground, one cyan accent, gradient headlines, and a dashboard mockup that tilts upright as you scroll. It opens in any browser as a single file, no build tools, no hosting, no screenshots required.

What you get
- One finished page: hero, feature grid, tools showcase, testimonials, pricing with a monthly/yearly switch, FAQ, CTA, and footer
- Animated feature cards — wired channel icons, a live graph, an AI scanning beam, a drag-and-drop scene, a profile compare — all built from CSS
- A rotating testimonial spotlight over a dimmed wall of quotes, and a page-closing MacBook whose lid opens as you scroll
- Copy drafted for you in a plain, confident voice if you only have rough notes
- Inside your own codebase, the same page arrives as components in your framework instead of one file

How to use it
- Tell it your product name, what it does, and your rough pricing — notes are enough
- Say which sections you want, or let it pick a sensible set
- Open the file it hands back in your browser; ask for copy or section changes in plain words

No API keys and no extra costs — everything is generated locally. The standalone file uses system fonts and makes no font or asset request.
What you need before you start
- You bring
- Product name, one-line value proposition, 4-5 features, 2-4 workflows worth showing, and rough pricing tiers (missing copy is drafted in the style's voice)
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…









