landing-page-scaffold

name	landing-page-scaffold
description	Generate a self-contained landing page HTML prototype with five standard sections (Hero → Social Proof → Features → Pricing → CTA), outputting a single inlined HTML file ready to preview in any browser. Triggered when the user asks to build, generate, or scaffold a landing page, wireframe, or marketing page prototype, or mentions specific sections like hero, pricing, or CTA.
license	MIT
type	tool
tags	["landing-page","wireframe","html","prototype","marketing"]

Landing Page Scaffold

Generate a fully structured landing page HTML prototype with a single command, featuring five core sections:

1. Hero — Headline, subheading, CTA button
2. Social Proof — Partner logos, key metrics, user testimonials
3. Features — Product feature cards (with icon support)
4. Pricing — Plan comparison table (with highlighted recommended tier)
5. CTA — Footer call-to-action

Outputs a self-contained HTML file (all CSS inlined) that can be previewed directly in a browser with zero external dependencies.

Usage

Quick Start: Use Default Config

python3 scripts/generate_landing_page.py -o landing.html --open

Generates a landing page with default styling and opens it in the browser.

Customize Product Info

python3 scripts/generate_landing_page.py \
  --name "MyApp" \
  --tagline "Ship products 10x faster" \
  --description "The platform your team has been waiting for." \
  -o landing.html --open

Full Customization via JSON Config

python3 scripts/generate_landing_page.py --config my_config.json -o landing.html

See the "Configuration" section below for the config file format.

Custom Theme Color

python3 scripts/generate_landing_page.py --primary-color "#059669" -o landing.html

Output to stdout (Pipeable)

python3 scripts/generate_landing_page.py --name "Demo" > page.html

Parameters

Parameter	Description
--config, -c	Path to JSON config file (full customization of all content)
--name, -n	Product/brand name
--tagline, -t	Hero section headline
--description, -d	Hero section subheading
--primary-color	Primary theme color (HEX format, e.g. #4F46E5)
--output, -o	Output file path (defaults to stdout if not specified)
--open	Automatically open in browser after generation

Configuration

The JSON config supports the following fields (all optional; unspecified fields use defaults):

{
  "product_name": "MyApp",
  "tagline": "Build something amazing.",
  "description": "A short product description.",
  "hero_cta_text": "Get Started",
  "hero_cta_url": "#pricing",
  "social_proof": {
    "stats": [
      {"value": "10K+", "label": "Users"}
    ],
    "logos": ["Partner A", "Partner B"],
    "testimonials": [
      {"quote": "Great product!", "author": "Name",  
    
  
   
         
  
   
     
      
         
         
         
         
          
         
         
      
    
  
   
     
     
     
     
  
   
     
     
     
     
     
     
     
     
     
     
     
  

Supported Icon Names

zap, users, chart, shield, code, headphone

Icon names not in this list will display as a circular placeholder.

Features

• Zero External Dependencies: Pure Python standard library, all HTML/CSS inlined
• Responsive Design: Works well on both desktop and mobile
• Secure: All user input is HTML-escaped
• Themeable: Color scheme controlled via CSS variables
• Fixed Navbar: Frosted glass effect with scroll tracking
• Interactive Feedback: Card hover animations and button state transitions

Use Cases

• Product managers creating landing page prototypes for reviews
• Designers validating page structure and information hierarchy
• Startup teams quickly generating MVP landing pages
• Marketing teams drafting campaign pages
• Rapid page demo creation for interviews or competitions

Dependencies

• Python 3.7+ (standard library only)