I've built a naming convention system that will make it easy to edit and add new content and sections as you go through and create new pages. The layouts are built using a 12 column grid (which you can read more about here), and also using grid blocks.
I've found that these are the best ways to create complex sections and beautiful pages, without having to completely reinvent the wheel by adding in hundreds of different classes. Find out more about how they work below.
Columns are a great way to be able to build hundreds of different unique layouts, all while keeping within the same simple system.
All you need to do is set up a "Column" class, then set up the different sizes for on desktop, tablet, and mobile. It's best to build on a 12 Column layout, as this is the structure that is currently most commonly used throughout the web, and most website designs are initially built on a 12 column layout.
This is much more flexible than using the built in Column element, as if you use the built in Columns, you'll find their limitations when you get stuck building a complex layout.
Grids are another great way to structure content, and the built-in Webflow grids are easy to use. These layouts are great for card layouts, such as blog posts cards.
I use a very similar structure to columns, with first defining the element as "Grid", and then defining how many columns each grid section has for the different screen sizes.
By defining all grids with a main "Grid" class, you can adjust all grid sections at once if you ever need to change their margin, gap size, or even background colour.
I've created layouts for grids with 4, 3, and 2 columns, but have also defined special layouts with one side of the grid bigger than the other, such as 1-1.5 and 1-2. These can come in handy for feature or hero sections.
To find out more about naming conventions used across my templates, read this blog post on naming conventions.
Feel like changing something in the template? All of our templates where built using Webflow without writing code. That means you can customize them in every way to suit your brand. Learn more about how to customize Webflow sites at Help Center
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt gdf.
Monthly price
$4,995
Pause or cancel anytime
Get StartedIncludes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt gdf.
Monthly price
$6,995
Pause or cancel anytime
Get StartedIncludes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt gdf.
Monthly price
$8,995
Pause or cancel anytime
Get StartedIncludes
Let’s dive into your needs and dreams! Our friendly call sets the stage for crafting the perfect automation strategy tailored just for you.
Watch your vision come to life! We create a customized automation plan that aligns with your goals, ensuring seamless integration into your workflow.
Time to turn plans into action! Our team handles the setup and execution, making sure your automation runs smoothly and efficiently from day one.
Born from witnessing countless teams drowning in manual processes, our automation agency exists to liberate your specialized talent from tedious tasks and transform them into strategic powerhouses.
We believe every hour saved through our low-code automations directly translates to competitive advantage, eliminating the frustrating copy-paste workflows that drain your team's potential.
Our mission is simple: create seamless, error-free processes that scale effortlessly with your business, allowing you to handle increasing workloads without expanding headcount.
We measure our success not by the complexity of our solutions, but by the strategic initiatives your newly-empowered team can finally pursue when freed from administrative burdens.
reduction in processing time
boost in productivity
reduced error rate
hours saved
Eliminate repetitive tasks that drain your team's productivity, freeing professionals to focus on strategic work.
Get automation that fits your unique processes with our low-code approach, delivering immediate efficiency gains.
Seamlessly connect your existing platforms to eliminate copy-pasting between systems, reducing processing time from days to minutes.
Discover hidden inefficiencies costing your team hours each week, with quantified time savings and prioritized quick wins.
Transform your staff into automation champions through interactive workshops that equip them to identify opportunities and drive continuous improvement.
