serejaris Landing Page Scaffold
Generate a fully structured landing page HTML prototype with a single command, featuring five core sections:
- Hero — Headline, subheading, CTA button
- Social Proof — Partner logos, key metrics, user testimonials
- Features — Product feature cards (with icon support)
- Pricing — Plan comparison table (with highlighted recommended tier)
- 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", "role": "Title, Company"}
]
},
"features": [
{"title": "Feature Name", "description": "Description", "icon": "zap"}
],
"pricing": {
"tiers": [
{
"name": "Free",
"price": "$0",
"period": "/month",
"description": "For individuals",
"features": ["Feature 1", "Feature 2"],
"cta_text": "Start Free",
"highlighted": false
}
]
},
"cta": {
"headline": "Ready to start?",
"description": "Sign up today.",
"button_text": "Get Started",
"button_url": "#"
},
"theme": {
"primary": "#4F46E5",
"primary_light": "#818CF8",
"primary_dark": "#3730A3",
"secondary": "#0F172A",
"accent": "#06B6D4",
"background": "#FFFFFF",
"surface": "#F8FAFC",
"text": "#1E293B",
"text_light": "#64748B",
"border": "#E2E8F0",
"radius": "12px"
}
}
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)