11 landing page examples you can copy

The same landing page, drawn in 11 design systems. Each one has a hero, three steps, benefits, pricing and a closing sign-up. Pick a style, open it full size and copy the code.

Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Pebble landing page
Soft surfaces, black pill. Light theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Precision Light landing page
Sharp, layered shadows, blue ring. Light theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Pillow Light landing page
Pillowed 3D, cobalt. Light theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Clicky landing page
Raised blue buttons, springy press. Light theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Light Marketplace landing page
Charcoal CTA, flat cards. Light theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Lumen Dark landing page
Layered shadows, warm amber. Dark theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Graphite landing page
Soft recessed greys, sliding pills. Dark theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Stripe landing page
Sohne, violet, quiet dashboard depth. Light theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Linear landing page
Dark dev tools, purple. Dark theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Apple landing page
SF Pro, pill buttons. Light theme.
Cutbill
How it works Why Cutbill Pricing
Invoice a video project in a minute, not an afternoon in a spreadsheet
Cuts, revisions and rush fees on one invoice, built for freelance video editors.
Invoice 0142
Due in 14 days
Northline Studio, brand film
Brand film, 90 second cut$2,400
Revision round 3$300
Rush delivery, 48 hours$450
Total$3,150
How it works
1
Import the project
Drop in your edit timeline or type the deliverables.
2
Check the invoice
Cutbill lists each cut, revision round and rush fee.
3
Send and get paid
Your client pays by card or bank transfer from one link.
Get paid for every round of changes
Revision rounds past the quote go on the invoice
Rush fees and usage rights sit on their own line
A reminder goes out when an invoice is 7 days late
Pricing
Solo
3 invoices a month
$0 per month
Studio
Unlimited invoices and reminders
$12 per month
Send your next invoice before the export finishes
Work email
Supabase landing page
Dark dev platform, green. Dark theme.

What every example has

The content stays the same across all 11 examples, so the only thing that changes is the design. That makes them easy to compare: look at how each one treats the primary button, the card surfaces and the type scale.

Hero with a product shot: One headline that says what the product does, a supporting line, a primary button and a product shot that shows a real invoice.
How it works: Three numbered steps that take a visitor from importing a project to getting paid, each in one short sentence.
Benefits: What a buyer gets, written as results rather than feature names, with an icon for each.
Pricing: Two plans side by side. The recommended plan gets the primary button, so the choice is clear at a glance.
Closing sign-up: The same call to action as the hero, repeated at the end for visitors who read the whole page first.

Copy an example into your project

Every example is a free React page built with Tailwind and shadcn/ui. Open the one you like to see it full size and switch its icon set. To get it into your repo, connect the Better Design MCP server to your AI coding agent and ask for a landing page in that design system. The agent writes the page in your codebase, with your copy instead of the sample product.

Want a different kind of screen? See all free React templates.