Your website is a representation of your brand and content, so why wouldn’t you make it great?
Today we’re adding the home page to our Advanced Web Builder so you can emulate the world’s top content websites all without ever writing a single line of code.
I’m going to show you step-by-step how we built the new home page for our Product Announcements newsletter (the one you’re reading right now).
Lacking inspiration or creativity?
Introducing themes—a dozen carefully curated color combinations to jumpstart your website’s design.
I’m going to quickly shuffle through a few to see if any are a good fit…
Looks sweet, but I don’t think it’s the one…
Nice! Going to start with this for now…
The hero section is the top section of your website, otherwise known as the “above the fold.” You can now choose one of three available options to diversify the layout of the hero:
I think both the Headliner and News layouts look nice, but the Default layout gives you a few additional options like adding a background image.
Default Layout with background image
You can add a gloss effect to the image, add a container, and edit the colors and styles of each. Let’s give it a spin…
Adding a gloss effect and container
Finally you can edit the size, shadows, and colors of the logo, header, subheading, form, button, and more. You can also change the text of each to be whatever you want.
The Advanced Web Builder is only available to users on our Scale and Enterprise plans. To learn more about our most powerful plans and/or upgrade, visit here.
Starting today, you can now select up to 6 featured posts. These are pinned above the fold so your readers can easily find your top content.
Directly within the Design Lab you can search and select published posts, and drag-and-drop them to edit the ordering.
You can also toggle on Latest Posts and select Categories to be featured towards the top of your home page—giving you more control and flexibility than ever before.
Each post sits in its own “card” which can be styled and customized however you’d like.
Fonts, colors, sizes, borders, hover effects, and more—you have total creative control.
For the Product Announcements home page I decided to change the font family, border radius, hover effects, and border color.
Zero code written and 15 minutes later, you can view the final product here.