18 one page website templates to get you from idea to launch

Are you looking for one page website templates for your next website project? Get started with one of these customizable one page designs.

No items found.

Creative agencies, freelancers, and other designers all can benefit from using templates. Why start from zero when you don’t have to?

You don't always need a complex multi-page design. Sometimes, a one-page layout is the most efficient way to tell site visitors who you are and what you do. 

From business sites to personal landing pages, single page sites can work for a variety of different applications. Let’s explore 18 different one page templates, show you what’s possible, and help you launch your own one page website.

18 Stunning one page website templates built in Webflow

Whether you're selling a product online, building your portfolio, or building a website for your client, simplicity is key. You don't always need a complex multi-page design. Instead, you should find an efficient way to tell users who you are and what you do in the least amount of clicks as possible. Using a one-page layout design, also known as a landing page, allows you to connect with your audience in an immediate way.

Here are 18 one-page templates you can use to get your website up in a quick and easy way:

1. Capture

Capture template homepage showing the legs of a bride and groom standing holding hands with a desert background. Text "John Doe Photography"

If you're a photographer you want a personal portfolio website that lets your artistry tell your story in a simple way. Building a photography homepage with Capture, a responsive template created by the ever prolific designer Pablo Ramos, lets you present your work in a straightforward framework — letting your photos be the highlight of the design.

Right at the top of the page layout, a horizontally triggered slider gives someone an introduction to your photography. With each click, there's a smooth fade transitioning from one image to the next. From this starting point, you can scroll down with blocks of content dedicated to writing a bit about you and your work, along with plenty of space for adding more examples of your photos. 


Capture gallery section with headline "Take a look at some of my pictures"

This may be a one-page portfolio website, but there’s navigation set up on top giving someone direct access to wherever they want to go. With options in place to go right to the “About Me”,  “Services”, “Gallery”, “Testimonials”, “FAQ”, and “Contact Me” sections, you don’t have to worry about setting these up on your own. And what’s great about Webflow, is that even with little web design experience you can go in and change these up without much effort.

Whether you want to use Capture for a personal website dedicated to your photos, or for a business website to find clients and expand your business, this template will give you a jump start in claiming your space on the web.

Working with a prebuilt design gives you not only an HTML template, but all of the CSS styles. Thankfully, you don’t have to know anything about coding to edit or customize a Webflow template. Capture, as well as other templates in our marketplace have a lot to offer while still allowing complete flexibility no matter your skill level as a designer.

2. FinApp

Finapp template homepage. Blue background with white text on left "The future of banking" with a mobile phone on right

If you've got a cool new mobile app that you want the world to know about, you need a business website to show off how it works and why people should download it — all in a responsive design. FinApp by LightningLab gives you a modern HTML5 responsive one-page website template with a clean design that would work well for a mobile app, software, or other tech related product. 

It has a modern design aesthetic with a nice color palette of blues and white that always works so well for tech. You can always customize this template, adding in your own color scheme and changing the typography. There’s also plenty of space dedicated to web app screenshots and for other related content.

What really makes this stand out is the pricing plan section. This is a must have for any app or company that has different cost tiers and organizes them in a solid grid. At the top of the page you can flip between monthly and annually pricing options with the click of a button — which is a super useful feature built into the theme. And if you don’t require this full screen section, it’s easy to go into Webflow and fully customize or delete it.


finapp template pricing section, 3 vertical rectangles with rounded corners showing Starter, Professional, and Enterprise pricing

This responsive HTML5 single page template looks great right out of the box, letting you get your homepage up in no time. And at the same time, it offers tons of options for editing the page theme to fit your own branding needs.

3. Delux

delux template homepage, Right 2/3 shows photo of NYC. Left side, black background and white text "Delux"

Conferences are about the energy that their participants bring to the experience. Whether you're a speaker or in the audience, you are all bonded by sharing the same passions and excitement. Delux by Rebecca Lowe is a responsive design template that lets you show why people would want to attend a conference and be a part of what makes it special.

Scrolling through this responsive website template layout reveals plenty of motion. There’s animated transitions, space for video background on the landing page, and great micro-interactions. There isn’t a section of this one page design template that doesn’t have some sort of dynamic embellishment to keep people engaged. And like any Webflow template, you can change the color schemes, switch up the typography, and do anything you’d like to customize the page theme.

This template is also great for lead generation — providing a contact form built in, giving those who are interested an easy way to get in touch.

delux template speaker section, 3x2 grid of black and white photos

Webflow templates are easy to customize and Delux is no exception. With a style guide and global swatches it’s easy to change up the look and feel to showcase your own creative vision.

4. Portofino

portofino real estate template showing a very modern condo with several floor to ceiling windows

Technical specs and lists of amenities are all a part of selling a piece of real estate. But the most important is communicating how these are more than just properties, but rather living spaces. Portofino, another fantastic responsive one-page template by Pablo Ramos lets you create a responsive single page business website that will connect with people personally — showing them the beauty of homes that could open up a whole new life for them.

Portofino photo gallery showing sets of 3x2 grids

Navigating this modern design brings you through arrays of photos of a home. There's enough variety in image sizing, alignment, along with scrolled triggered animations that frees this page design from monotony. Like a short stroll down the street, walking through this real estate website shows potential customers plenty of images of a home, giving them the opportunity to click on any of the photos for a closer view. Throughout this responsive one page html template are calls to action for those interested to book a tour — giving them multiple chances to to take that next step in actually seeing a house in person.

5. Vivlio

vivlio webflow template. Periwinkle background with white text "the perfect book landing page" next to a placeholder image of a book

If you're a writer and have a traditional book, or eBook that you want people to read, you need a website to promote it. Vivlio by Uros Mikic puts together everything an author would need to showcase their amazing work, while giving visitors the opportunity to purchase — all within one responsive landing page template

There are plenty of ways to entice readers with this design. You can display chapter recaps, show them a video, and include other important content needed to spread your message and convince readers to “Order today."

If you have any sort of content you are trying to get out there, Vivio gives you ample space to promote it and get people to purchase.

vivlio content section, white background with black text "your satisfaction is 100% guaranteed." Peach button "order today" next to placeholder image of book.

6. Soft

soft webflow template, purplish blue background, tablet, laptop, and mobile screens show the Soft interface.

Soft, designed by Ciprian Paraschiv, is a template that hits all of the marks of what a tech startup website design should be. With a modern design, contemporary typography, and eye-catching visuals, it feels innovative — making it a multipurpose web design for technology products.

Large orbs of color are splashed across this design, breaking free from the straight lines that hold so many designs captive. These amorphous shapes add a nice visual dynamic. Though there’s a bit of a push against traditional design, nothing feels too weird or out of place. 

There’s plenty of space to list out the selling points and other features that you want people to know about. You can also integrate screenshots, which is always helpful, like this side scrolling interaction below that lets people click through a series of screens.

For those who want a one-page template that offers a multitude of visual goodies, Soft has plenty to offer.

7. Conferencos

Conferencos homepage showing a man wearing a headset mic on a stage. White text "the most epic landing page for conferences"

Whether you’re putting on a conference, storytelling event, or even a musical festival, Conferencos, by Fouroom, provides a well thought out responsive one-page HTML template.

With bold text over a hero image, the opening page makes a big impact on anyone landing on it. From this first page, a short scroll down opens with a ring of images bursting out — creating a highly engaging interaction. This effect grabs your attention, making you want to go further into seeing what other fun visuals may lie ahead.

Every section has effects like fade-ins and other dynamic motions. There aren’t any dead zones in the design, with every part having something that will make those scrolling through it want to engage more. For those who want a one-page conference template that’s packed with action, Conferencos may be just the web template that you’re looking for.

8. Contabile

contabile webflow template. Dark, sepia-toned photo of three people's hands and papers on a round table.

Contabile, created by LightningLab, offers a layout tailored towards accounting. There's no money green, gold, or other cliched trappings of currency related businesses. Instead there's plenty of white space, combined with touches of a medium dark brown. It has a solid, yet calming design aesthetic that will make anyone looking for an accountant know that they’re dealing with someone professional that they can trust.

Contabile speaker page, Lorem ipsum text and 4 photos

There’s a nice three column block set up for showcasing your services, as well as profiles for team members and other neatly organized blocks for telling more about your accounting business. And like any website where the goal is to capture leads, there’s a straightforward contact form for gathering this important information. 

For those wanting to set up an accounting website that has a professional look, and smart stylization, Contabile is a solid template template to go with.

Discover inspiring design work from the Webflow community

Made in Webflow is the place to browse, clone, and customize the latest websites built by the Webflow community.

Subscribe to be a Webflow Insider
Thank you! You are now subscribed!
Oops! Something went wrong while subscribing.
Check it out

9. GrooveBar

GrooveBar homepage. Background image of a dark bar with green barstools. White texts "Swing & Food"

For those looking to launch a website for a bar or entertainment venue, GrooveBar is an upscale, simple one page website template to help get you up and running.

The section for upcoming events is stylish and sleek. Plus, the staggered arrangement of the different events does a great job of highlighting what’s coming up.

GrooveBar events layout showing three images with dates overlayed

For many bars and venues, a business website may be the only means of digital marketing. A one-page design for this type of business needs to effectively and efficiently communicate key information — which the GrooveBar template does so well. 

10. Quicklinks

Quicklinks homepage. Off-white background. On left, text "Help you get out of your design rut." On right, circle photo of a woman with pixie haircut smiling

If you want to launch a personal website, all you may need is a simple landing page. A landing page gives you the chance to show visitors who you are and point them to social media platforms where you’re most active. 

Quicklinks’ visuals are lightweight and airy with a fresh pastel color palette and ample whitespace. At the top right there’s room for social media links, as well as a block for links after the hero section. You get multiple opportunities to direct site visitors to where you want them to go.

Quicklinks bundle page, left side shows full image, right side shows two smaller images in squares with rounded corners.

Quicklinks also gives you plenty of space to fill with other relevant content. Testimonials go far in communicating your reputation, and we’re happy to see an entire section dedicated to filling with quotes. This template is centered around coaching and online coursework. If you have tutorials or other content you’d like people to check out, there’s plenty of space here to promote it. 

For those who want to craft a personal website with a bright aesthetic — Quicklinks is an ideal landing page template.

11. Restaurante

Restaurante homepage. White background, black text. Top menu, lorem ipsum text, and 3 placeholder images.

A single page website is well suited for a restaurant, providing a fast way to show customers pertinent information like menus, hours, and location. 

Restaurante is a clean and easy template to get your restaurant site spun up. It starts with space for an introduction along with a card section that links to different sections like “about us,” “menu,” and “restaurant information.”

The menu section is often the most important part of a restaurant’s website. Restaurante’s menu navigation includes three three tabs representing breakfast, lunch, and dinner. This bit of functionality saves space and helps visitors skip straight to what they’re interested in.

With a professional look and clean design, Restaurante is a responsive one-page website template that gives restaurants a simple way to set up a website.

12. MeetSpeech

MeetSpeech template showing a large conference center with huge screens on the walls and a large crowd of people. White text "the most creative conference."

MeetSpeech  is a template that’s been specifically designed for conferences. It begins with a “who we are” section, followed by a gallery of speakers. MeetSpeech also includes a schedule with a drop-down to see the specifics about a given event. 

We always like seeing Webflow templates that fill a specific design need. MeetSpeech is a great fit for anyone putting on a conference. 

13. Valiant

Valiant homepage. Dark background photo showing a few people sitting at a table. White text "A free Webflow One Pager Template"

Creative agencies, startups, and others looking to launch a creative business website will find much to like in Valiant, an html template you can clone for free from Made in Webflow. 

With scroll triggered animations, fade-in text, and a nice sense of visual hierarchy, Valiant makes you want to keep scrolling. We especially like the breakout sections and their accompanying icons that let you communicate key points.

Valiant packs in so much in terms of design and functionality, making it a multipurpose template that anyone offering creative services could use for their own website.

14. Hunter

Hunter homepage. Dark navy background with white and golden yellow text. Right side, photo of a man holding a camera to his eye.

An online portfolio is essential for any photographer  who wants to grow their business. Hunter is a fully responsive html5 template, complete with a photo gallery, an about me section, and a contact form.

Hunter "My Work" page showing 3 images and "show full gallery" button

If you’re a photographer you don’t necessarily need a multi-page website. Getting your photos in front of people is the main priority, and this template wastes no time showing off your artistry. 

15. Simple Donation

Simple Donation homepage. Portrait mode photo of a person wearing "Love Your Neighbor" hat

We love seeing people use the web to help the greater good. Donation is a one page template that lets you set up a website in support of a worthy cause.

With fading background transitions, multiple placeholders for calls to action, and a visually engaging layout, Simple Donation can help get a charitable website up and running.

16. Glory Sun

Glory Sun homepage template. White background. LEft side, GLORY SUN in orange text. Right side, placeholder images of product.

Glory Sun’s wonderful web design shows that an effective product page can be built with a single page. This colorful and expansive layout has space for product images, supporting text, and even gives you the option to add in ecommerce. If you’re looking to build a product website, there’s plenty here to work with. Best of all you can clone it for free.

17. Outlaw

Outlaw law office template. Black and white overhead photo of people working on laptops. Blue menu with CTA "Get a free quote"

Outlaw, a responsive html5 template designed specifically for law firms, has a trustworthy blue, white, gray, and black color scheme. This color combination works well across a variety of industries.

One of our favorite elements of the template is the contact form in the hero section. This  gives people the immediate option to get a free quote, which is often the first thing people in need of legal help request. 

Outlaw law firm website template. Black and white photo of men standing back to back.

When designing for more serious industries like legal, there’s always a balance between maintaining a professional feel while adding in a bit of style. Outlaw succeeds with design elements that keeps this design from being too dry and stuffy. Headers get a bit of subtle stylization with the Black Han Sans typeface, and each section of content has scroll triggered animations. It’s a modern design that never pushes things too far, and works perfectly for law firms hoping to set themselves apart from their competition.

18. Lander

Lander website template. Background shows Northern Lights. Right side, information collection text box. Left side, placeholder text.

If you’re launching an ecommerce website or offer any other products or services, specialized landing pages are an effective way of getting exposure. 

Lander offers three different landing page options. There’s a download page, where you can put up a pdf of an article or newsletter you want people to check out. You’ll also get an event landing page template to gather sign ups, as well as a “get access” page.

Whatever the industry, landing pages are a great way to improve your organic SEO efforts and provide a gateway to conversions. Lander can help you get multiple landing pages out there in a way that’s fast and simple.

Explore what one page layouts have to offer

If you haven’t put together a one page website, you’ll find them a highly effective way to communicate information in a concise amount of space. Designers love them for making the design process simpler, and visitors appreciate the direct and immediate user experience they have to offer.

Webflow’s one page responsive templates are a great way to get started. They not only offer a solid foundation but also give you a glimpse into how Webflow works, broadening your knowledge and understanding. 

Please check out our resources like Webflow University, and the Webflow Forum to learn more. 

Published

July 8, 2022

Category

Resources

Join the conversation

What's Webflow?

Try it for free
More about the Designer

Designer

The power of CSS, HTML, and JavaScript in a visual canvas.

Interactions

Build website interactions and animations visually.

More about Interactions

CMS

Define your own content structure, and design with real data.

More about the CMS

Ecommerce

Goodbye templates and code — design your store visually.

More about Ecommerce

Editor

Edit and update site content right on the page.

More about the Editor

Hosting

Set up lightning-fast managed hosting in just a few clicks.

More about Hosting