Quartz SaaS Landing
+6Skillry Pick
Orbit Startup Landingv1.0.4
Use this Skill to build landing page.
Rising
5.015 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Build a startup landing page with visible personality: a warm off-white page where orange-gold light beams fall through the hero and spark against a framed, live product dashboard, a navbar that condenses into a floating pill and a giant wordmark footer. Layered bento cards with an animated request pipeline and a rotating globe, a setup walkthrough, customer story, pricing, FAQ and companion pages for sign-up, demo, early access, changelog and legal follow, in light and dark themes, as one self-contained file.
Picked most often by
Updated Oct 3, 2026
Similar Skills
View all skills+6
What you get
- A finished example site for Solvine, a fictional AI scheduling assistant: the landing page plus sign-up, sign-in, demo, early access, changelog, privacy, terms and a 404.
- Live product UI in your vocabulary: a hero dashboard with count-ups, a replayable request pipeline, inbox, rotating globe, insight chart, setup tabs and a pricing switch.
- Your site as one offline file with Instrument Sans and Geist Mono embedded, light and dark themes, editorial photos and the style rules your agent builds from.
Good fit
- Founders introducing a new product or waitlist who want motion that demos well in a pitch or launch post.
- Productivity, scheduling or developer tools whose product interface can carry the story.
- Small teams that need pricing, changelog, sign-up and legal pages in the same style.
Not for
- Sites that need a CMS or blog; it builds a landing page with a few companion pages.
- Brands that must keep their own design system; the warm neutrals, ink buttons and light beams are the product.
- Real sign-ups or payments: forms validate and confirm on the page but submit nowhere until you connect a service.
Product Launch & App GrowthDigital Publications & Web PagesBuild Landing PageStyle-lockedEditable OutputBeam MotionBento GridClean NeutralDual Theme
About this Skill
Describe your product and get back a startup landing page with personality: warm orange-gold light beams fall through the hero and spark against a framed product dashboard, the navbar condenses into a floating pill, and the footer signs off with your name in giant letters. The example is Solvine, a fictional AI scheduling assistant for busy teams.
What you get
- A landing page with hero, customer logos, feature bento, setup walkthrough, focus story, customer story, testimonials, security, pricing, FAQ and a trial or waitlist call to action
- Companion pages for sign-up, sign-in, demo, early access, changelog, privacy and terms, plus a designed 404
- Product interface drawn in code and renamed to your product: dashboard, request pipeline, inbox, globe and insight chart
- Light and dark themes, editorial photos and embedded fonts in one file that opens offline
How to use it
- Share your product name, what it does, four capabilities and your plans; rough notes are enough.
- Your agent renames every panel to your product's vocabulary, adds photos and checks both themes on desktop and phone.
- Open the single file, click through the pages and ask for changes in plain words.
Photos made with your agent's image tool may incur that tool's usage charges; without one, designed panels and monogram avatars take their place.
What you need before you start
- You bring
- Product name, what it does and for whom, and the one outcome it promises · Four capabilities, three setup steps and two to four plans with real limits · Optional: FAQ answers, customer quotes, story metrics and photos you may use
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for editorial photos and portraits (optional; designed panels are used without it)
- Outside costs
- Editorial photos and portraits are generated with your agent's own image tool, which may incur that tool's usage charges. Without an image tool, designed panels and monogram avatars are used instead.
- Last tested
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…