Scrapbook Resume Site
+6Skillry Pick
Quartz SaaS Landingv1.0.0
Use this Skill to build website page.
5.011 downloads1 likes0 saves
$4.99
What do I get when I buy this Skill?Create a complete AI SaaS marketing landing page with quiet motion, crisp product framing, and a clear path from headline to pricing and action. It helps teams launch a software offer with a polished, credible story that feels more considered than a generic template.
Picked most often by
Updated Aug 31, 2026
Similar Skills
View all skills+6
What you get
- A complete AI SaaS landing page in the quartz style — pill navbar, pulse-grid hero, feature bento, testimonial marquee, pricing, CTA, and a giant-wordmark footer — in one self-contained HTML file
- Mockups that actually move: a CSS dashboard in a double frame, staggered chat reveals, working channel toggles, marquee integration chips, and a rotating dotted globe
- A full light/dark theme, scroll reveals, and a reduced-motion path, all with zero dependencies and no build step
- A locked style guide, section library, and icon table so every revision stays on-style
Good fit
- Founders and indie hackers launching an AI product who need a credible landing page today
- Product marketers who want the modern monochrome AI-startup look without a design team
- Waitlist and pre-launch pages — the file runs from disk, embeds in an iframe, and deploys as one static file
Not for
- Multi-page sites with real auth, blogs, or checkout — this skill builds the marketing landing surface
- Brands that want a loud, colorful look — quartz is deliberately monochrome with one blue accent
- Pages that must show real customer logos — all marks in the output are fictional by design
Product Launch & App GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageStyle-lockedEditable OutputLight FirstBento MockupsGiant Wordmark FooterMonochrome MinimalPill Nav
About this Skill
Describe your AI product in a few sentences and get back a finished SaaS landing page: a giant headline over a framed dashboard mockup, a flipping customer-logo row, feature cards whose mockups actually move, scrolling testimonials, pricing, and a dark call-to-action band — all in one HTML file you can open from disk or drop on any host.
What you get
- A complete landing page in the quartz style: white ground, near-black ink, huge type, and quiet motion
- Living mockups — staggered chat reveals, working channel toggles, marquee integration chips, and a rotating dotted globe
- A monthly/yearly pricing section with one highlighted plan
- A full light/dark theme with a navbar toggle
- One self-contained file: no build step, no external scripts, no tracking
How to use it
- Tell the skill your product name, one-line promise, and main features; anything missing is drafted for you in the style's plain voice.
- Review the generated page in your browser and ask for changes in plain words — "swap the pricing to two tiers", "rename the channels".
- Publish the single file anywhere, or ask for the same page built inside your React, Vue, or Astro project.
Every name, logo, quote, and number on the demo page is fictional, so you can show it anywhere while your real content is still in review.
What you need before you start
- You bring
- Product name, a one-line promise, 4 flagship features, 8 quick reasons to believe, pricing shape, and the CTA ask (waitlist, trial, or demo)
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…