One-pager design: how to make one page read in seconds
Good one-pager design gives the page one message and a clear path for the eye: a dominant headline, one standout number or visual, then the call to action. Everything snaps to a two- or three-column grid, groups are separated by generous whitespace, and color is saved for the two things you most want seen.
I have designed one-pagers that got read and ones that got ignored, and the difference was rarely the writing. It was where the eye landed first, how much sat on the page, and whether it had room to breathe. This post covers that layout half: the principles, four layouts that work, and how to keep every page on brand.
#Why does the one-page limit make design easier?
Because it removes the option to add more. On a deck you can spread a weak argument across ten slides; on a page the reader sees everything at once, so every block has to earn its spot. If you cannot fit the case on one page, the page is rarely the problem. The idea usually does not have a center yet.
#What should the eye hit first on a one-pager?
The headline, then one number or visual, then the call to action. People scan a one-pager, roughly in a Z: across the top, diagonally through the middle, out at a bottom corner. Design for that path.
Make one element clearly the largest thing on the page and step every other size down from it. The mistake I see most is five things set big at once. A page that shouts in five directions gets heard in none of them.
#8 one-pager design principles
| Principle | How to apply it on one page |
|---|---|
| Visual hierarchy | One dominant headline, then clear second and third levels; nothing competes with the focal point |
| Grid and alignment | Two or three columns; every block snaps to them, nothing floats |
| Whitespace | Wider gaps between groups than inside them; generous margins you do not fill |
| Proximity | Related items sit together, so spacing alone shows what belongs with what |
| Contrast | One bold accent against a quiet page, spent on the key number and the call to action |
| Typography | One typeface, two at most; hierarchy from size and weight, not more fonts |
| Color | One brand color plus neutrals; color marks what matters, it is not wallpaper |
| Numbers as anchors | Two or three figures set large with a short label, treated as visuals |
When a page feels cluttered, the fix is almost always more space and fewer alignment lines, not smaller type. Shrinking the font to fit more is the most common way a one-pager turns into a wall of text.
#How should you use type, color, and numbers?
Type sets the hierarchy. A large headline, a medium subhead, and body text at a comfortable reading size (about 10 to 12 points in print) will out-design any page that reaches for a decorative third font.
Color marks what matters. Pick one accent, usually your brand color, and treat it like a spotlight. A page where everything is colored has nothing that stands out. This is also why staying on brand and designing well tend to be the same move.
Numbers do the convincing. A figure like "31% less inventory" set large with a label underneath reads in a fraction of a second. Three big numbers in a strip carry more weight than a paragraph making the same claim.
#4 one-pager layout examples
Pick the layout that fits the shape of your message, then keep everything aligned to it.
#Single column: for a linear argument
Headline, problem, solution, proof, call to action, top to bottom. It suits a project brief, a decision memo, or a personal one-pager, where the reader should follow one line of reasoning. The risk is monotony, so break it with a single bold number or a pull quote.
#Stacked bands: for a sales sheet
The page is split into horizontal bands, each with one job: the value headline and who it is for, problem next to solution, three capability cards, a proof strip of big numbers, a quote, and the next step. A skimmer can read only the band headings and still get the pitch. Some sales sheets run the same content as two columns instead, with proof and contact in a narrow side column. This is the sales one-pager template:
#Metric strip plus sections: for a company or investor page
A strip of three or four headline numbers across the top, then a grid of short labeled sections underneath. It lets you pack a whole company onto one page and still have the numbers land first, as the company one-pager template does:
#Bento grid: for several equal points
A grid of tiles in different sizes, each holding one thing: a stat, a short text block, a list, or an image. It suits a company-at-a-glance or a product summary with no single dominant argument, and it adapts well to screens.
For finished copy in each of these shapes, the one-pager examples post fills in sales, company, startup, project, and personal pages block by block.
#What are the most common one-pager design mistakes?
- Too many focal points. Five bold elements means none of them lead.
- Floating blocks. Anything off the grid makes the page look assembled rather than designed.
- Even spacing everywhere. If the gap between groups equals the gap inside them, the reader cannot see the groups.
- Decorative color. Colored backgrounds on every box leave nothing for the accent to highlight.
- Buried call to action. It should sit where the scan ends, usually bottom right, and be the second-most prominent element.
#How do you keep every one-pager on brand?
By applying the same colors, fonts, logo, and spacing to every page without rebuilding them by hand. Templates help: a reusable layout bakes in the grid, and there are good free one-pager templates from Canva, HubSpot, and others. The catch is that you still recolor each one to your brand.
I built heydecks to take that step away. The three live layouts above are its templates, drawn once on the grid and type rules in this post, and the Brand Kernel reads your colors, fonts, and logo off your website once and applies them to every page. Over the heydecks MCP server, Claude or ChatGPT writes the copy and heydecks renders the page as a live link and a PDF, plus an editable PowerPoint on paid plans. The design decisions stay made, whoever writes the words.
To put your own content into one of these layouts, the one-pager generator shows the brief I use.
#Frequently asked questions
#What makes a one-pager look professional?
One clear focal point, a consistent grid, and enough whitespace to breathe. Most amateur pages fail on alignment and too many competing elements, not on the writing.
#How many fonts and colors should a one-pager use?
One or two fonts, and one accent color plus neutrals. Build hierarchy with size and weight, and spend the accent only on what you want seen first.
#What is the best layout for a one-pager?
It depends on the message. A single column suits a linear argument, stacked bands suit a sales sheet, a metric strip suits a company or investor page, and a bento grid suits several equal points.
#What size should a one-pager be?
US Letter (8.5 by 11 inches) or A4 in portrait for print and PDF. For a page shared as a link, design so the headline, key number, and call to action fit in the first screen.
Keep reading