
Meridian Marketing Landingv1.0.0
Use this Skill to build website page.
Create a product marketing landing page with a distinctive hero, feature proof, testimonials, pricing, and a clear closing invitation. It helps founders and marketers make a product story feel organized and credible, making it well suited to launches, pricing pages, and campaign landing pages.
Picked most often by
Updated Aug 31, 2026
Preview gallery
Runs in
Generates with
Similar Skills
View all skillsWhat you get
- A complete SaaS marketing landing page in the meridian style — promo banner, dark pill navbar, hero, feature grid, testimonials, pricing, CTA, and footer in one self-contained HTML file
- The signature hero: a skewed graph-paper grid behind your headline and a CSS-built dashboard mockup that springs from a 45-degree tilt to flat as the reader scrolls
- A working monthly/yearly pricing toggle with a solid-teal highlighted plan, plus a mouse-follow gradient glow over the dark feature section
- Copy drafted for you in a plain, dry, outcome-first voice if you only have rough notes
- Inside your own codebase, the same page arrives as components in your framework instead of one file
Good fit
- Founders and indie developers who need a polished launch page today, without designers or build tools
- Marketers who want a light, confident, product-led look with a real pricing section and honest copy
- Teams that want the product mockup drawn from their own vocabulary — the dashboard shows your objects, not a stock screenshot
Not for
- Multi-page sites or app prototypes — this skill builds one marketing landing page
- Brands wanting a loud, colorful, or dark-mode look — meridian is light, calm, and single-accent by design
- Pages that need real payments, sign-ups, or analytics — all interactions are front-end only
About this Skill

Describe your product in a few rough notes, and get back a finished SaaS landing page in the meridian style — a bright white page with one teal accent, a dark pill navbar, and a dashboard mockup that leans back in perspective and springs flat as you scroll. It opens in any browser as a single file, with no build tools, external resource requests, or hosting required; typography uses local/system fonts.

What you get
- One complete landing page: promo banner, pill navbar, hero, dark feature grid, testimonial wall, pricing, CTA box, and footer
- A dashboard "screenshot" built from pure CSS and named after your product's own objects — no image files needed
- A working monthly/yearly pricing toggle, a mouse-follow glow on the dark section, and a mobile menu, all already wired up
- Copy drafted for you in a plain, dry, outcome-first 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 plan tiers — rough notes are enough
- Say what the dashboard mockup should show, or let it draw one from your product story
- Open the file it hands back in your browser; ask for copy or section changes in plain words

What you need before you start
- You bring
- Product name, what it does, six features, three plan tiers with monthly and yearly prices, and what the dashboard mockup should show
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…









