Page titles set the tone for every section of your website with bold, dark headers that frame your content beautifully. Canvas gives you a full-width content area below the title where you can structure layouts using a flexible grid system. Mix and match column widths to build clean, responsive pages that adapt seamlessly across desktops, tablets and phones, all while keeping a polished, professional look that loads fast.
Half Width
A half-width column is ideal for pairing two related blocks side by side, such as an introduction next to a supporting image or a feature alongside its benefit. The grid keeps everything aligned and balanced on any screen size you target.
Half Width
Use the second half-width column to continue your story or highlight a complementary point. Columns stack neatly on smaller devices, so your dark page title and the content beneath it always stay readable, clear and easy to scan.
2/3 Width
Two-thirds width columns give you a wide, comfortable space for the main body of your page while leaving room for a sidebar or secondary block. This layout works perfectly for articles, product descriptions and landing sections where readable text matters most. Canvas handles the responsive math automatically, so your content reflows gracefully from large monitors right down to mobile screens without any extra effort.
1/3 Width
A one-third column makes an excellent sidebar for quick links, contact details, callouts or a short summary that supports your main content. It sits comfortably beside a wider column and collapses to full width on phones for clean reading.
1/4 Width
Quarter-width columns are great for compact cards, stats or icon blocks. Four of them line up evenly across a row and stack smoothly on smaller devices.
3/4 Width
Three-quarter width columns pair naturally with a slim sidebar, giving your primary content all the room it needs while keeping useful navigation links or contact details close at hand. This versatile combination is one of the most popular layouts for blog posts, articles and documentation pages. As always, the Canvas grid stays fully responsive, rearranging every column into a single readable stack the moment the viewport gets too narrow to display them side by side.
