The page title here sits on a clean transparent background, letting your hero heading and tagline lead the page without a heavy banner above the fold. This full-width column shows how Canvas keeps content readable across every breakpoint, with generous spacing and a responsive grid. Use it for introductions, overviews, or any block where copy should breathe. Pair the no-background style with light headers for a crisp, modern look that fits corporate, agency, and portfolio sites alike.
Half Width
This half-width column pairs neatly with the one beside it, splitting the row into two equal halves on medium screens and stacking gracefully on mobile. It suits short feature notes, side-by-side comparisons, or paired calls to action.
Half Width
The second half-width column mirrors its partner to keep the layout balanced and tidy. Drop in supporting copy, a quick benefit, or a brief description here; on smaller viewports it slides below the first column so nothing ever feels cramped or crowded.
2/3 Width
This two-thirds column gives wider blocks the room they need for richer copy, longer descriptions, or a primary content area beside a slimmer sidebar. Canvas handles the proportions automatically, so the larger and smaller columns always line up cleanly on a single row. It is ideal for article intros, service overviews, and product details where the main message deserves more space. On mobile the columns stack in order, keeping your content logical, accessible, and easy to follow on any device, large or small.
1/3 Width
This one-third column is the perfect companion to a wider main area, offering a compact spot for highlights, quick facts, or a focused call to action. It stacks below the larger column on small screens so the layout stays balanced.
1/4 Width
This quarter-width column suits compact items like stats, icons, or short labels. Four of them fill a row neatly and stack cleanly on mobile for tidy results.
3/4 Width
This three-quarter column carries the bulk of your content while leaving a slim column free for a sidebar, contact note, or secondary links. Canvas keeps the widths in proportion so the row always aligns perfectly on desktop and reflows in order on smaller screens. Use it for detailed write-ups, documentation, or any section where the main copy needs prominence over the supporting column beside it, all while staying fully responsive and easy to read across every screen size your visitors use.
