Marketing page examples
Full website pages assembled from the marketing blocks — landing, about, pricing, blog, blog post, contact, FAQ, team and legal. Figma: Marketing website examples (log in, sign up and 404 pages are under Auth pages and 404 pages).
{ HeroSection, FeaturesSection, PricingSection, FooterSection } from "@pepulux/ui"Landing page
Build better products, faster
A composable design system with every page section you need.
Trusted by teams at
Everything you need to ship
Powerful features that work together out of the box.
Numbers that speak for themselves
“Pepulux cut our design-to-production time in half. Our whole team now ships from one shared set of blocks.”
Simple, transparent pricing
Starter
For individuals getting going.
- Up to 5 projects
- Basic analytics
- Community support
- 1 GB storage
Business
PopularFor growing teams that need more.
- Unlimited projects
- Advanced analytics
- Priority support
- 100 GB storage
- Custom domains
Enterprise
For organisations with advanced needs.
- Everything in Business
- SSO and SAML
- Dedicated manager
- Unlimited storage
- Audit logs
FAQs
Can't find what you're looking for? Chat with our team.
Join 4,000+ startups
Move faster with blocks that just work.
About page
We're building the future of design systems
Our mission is to make great design accessible to every team.
Our impact
Meet the people behind Pepulux
Want to join us?
We are hiring across design, engineering and support.
Pricing page
Plans for every team
Start free, upgrade when you need more.
Starter
For individuals getting going.
- Up to 5 projects
- Basic analytics
- Community support
- 1 GB storage
Business
PopularFor growing teams that need more.
- Unlimited projects
- Advanced analytics
- Priority support
- 100 GB storage
- Custom domains
Enterprise
For organisations with advanced needs.
- Everything in Business
- SSO and SAML
- Dedicated manager
- Unlimited storage
- Audit logs
Compare plans
Starter$12per user / month | Business$29per user / month | Enterprise$59per user / month | |
|---|---|---|---|
| Projects | 5 | Unlimited | Unlimited |
| Analytics | |||
| Custom domains | |||
| Priority support | |||
| SSO and SAML | |||
| Audit logs |
Billing questions
Still deciding?
Talk to our team and we'll help you choose.
Blog page
Resources and insights
The latest industry news, interviews and technologies.
Latest posts
How design systems scale with your team
Practical patterns for keeping a growing product coherent.
Shipping accessible components by default
What we learned making every block keyboard and screen-reader friendly.
A tour of the new marketing blocks
Headers, heroes, pricing and more — composed from the same atoms.
Theming multiple brands from one library
Token strategies that let one codebase serve many brands.
Subscribe to our newsletter
Product updates and articles, once a month.
Blog post page
How design systems scale with your team
Practical patterns for keeping a growing product coherent.
Great products feel consistent. That consistency comes from a shared language — tokens, atoms and blocks that every team can reach for.
Start with solid foundations
Before building pages, agree on colour, type and spacing. Once the foundations are in place, components inherit them automatically.
Compose, don't copy
Atoms combine into molecules, molecules into sections, and sections into pages. Every layer reuses the one below it.
“A design system isn't a project. It's a product serving products.”
- Reuse existing components before writing new markup
- Expose Figma variants as props
- Document every block with live previews
Pro tip
Keep behaviour in hooks and presentation in components so skins can change without touching logic.
Ship and iterate
Release early, collect feedback from the teams using the blocks, and refine. A living library is a healthy library.
Keep reading
Shipping accessible components by default
What we learned making every block keyboard and screen-reader friendly.
A tour of the new marketing blocks
Headers, heroes, pricing and more — composed from the same atoms.
Theming multiple brands from one library
Token strategies that let one codebase serve many brands.
Contact page
Get in touch
We'd love to hear from you. Our friendly team is always here to chat.
Frequently asked questions
FAQ page
Frequently asked questions
Everything you need to know about the product and billing.
Common questions
Still have questions?
Our friendly team is happy to help.
Team page
A small team with big ambitions
Curious, kind and obsessed with craft.
Leadership
Open roles
Design
Senior Product Designer
DesignShape the experience of our design system and marketing blocks.
Engineering
Marketing
Developer Advocate
MarketingHelp developers succeed with Pepulux through content and community.
Customer Success
Customer Success Manager
Customer SuccessGuide customers from onboarding to long-term value.
Legal page
Terms of service
Last updated 20 January 2026.
Great products feel consistent. That consistency comes from a shared language — tokens, atoms and blocks that every team can reach for.
Start with solid foundations
Before building pages, agree on colour, type and spacing. Once the foundations are in place, components inherit them automatically.
Compose, don't copy
Atoms combine into molecules, molecules into sections, and sections into pages. Every layer reuses the one below it.
“A design system isn't a project. It's a product serving products.”
- Reuse existing components before writing new markup
- Expose Figma variants as props
- Document every block with live previews
Pro tip
Keep behaviour in hooks and presentation in components so skins can change without touching logic.
Ship and iterate
Release early, collect feedback from the teams using the blocks, and refine. A living library is a healthy library.