A layout is a ready-made arrangement put onto one page: a starting point you then make your own. It is made of ordinary elements (text, stat rows, charts, icons, image placeholders), so everything in it can be edited, restyled, moved or deleted like anything else on the canvas.
Choosing a Layout
- On an empty page, press Start from a layout in the page's title bar, beside the cog. On a phone, or when the page is small on screen, it shows as just its icon.
- On any page, open the cog and choose the Layouts tab.
Each tile shows the layout as it would be built for this page, at its size and orientation, so what you see is what you get.
Hover a tile to preview it on the page. The page shows that layout in place of what is there now, in the page's own background; move away and your page comes back. A preview is only a picture: nothing is placed and nothing is added to your undo history until you press a tile.
Placing It
- On an empty page a press places the layout straight away.
- On a page with content, the panel asks first: Replace this page's content?, saying how many elements would go. Press Replace to clear the page and place the layout, or Cancel to keep what you have. Either way it is a single step: Undo brings the old content back.
After placing, nothing is selected and the panel closes, so the page reads clean.
The Layouts
The Layouts tab opens on six categories, each showing how many layouts it holds: Covers (5), Data (8), Steps and Time (7), Compare (4), People and Ideas (4) and Social (3). An empty infographic page also shows them inside itself, on a card: press a layout to place it, or Hide the card; it goes on its own once anything lands on the page. Press one to see its layouts; All layouts takes you back.
| Layout | What it gives you |
|---|---|
| Title Page | A small heading, a big title, an accent rule, a line of text, an image and a footer |
| Big Number | One huge figure, its caption, a paragraph, a progress bar and a source line |
| Key Stats | Two rows of three figures, a trend line where there is room, and a takeaway |
| Process | Four numbered steps, each with a note, and a closing callout on wide pages |
| Timeline | Five dated milestones, each with a note |
| Comparison | Before and After columns of three points each, and a verdict |
| Chart Story | A captioned bar chart, a progress ring, three takeaways and a source line |
| Top Tips | Five tips, each an icon beside a line |
| Quote | A large quote and who said it, with a round photo |
| Team | Six people, each a round photo, a name and a role |
| Facts Grid | Six cards, each an icon, a figure and a caption |
| Checklist | Six items, ticked or not, and how many are done |
| Event | An invitation: a title, an image, when and where, and a call to action |
| Section Divider | A big section number, a title and a line on what follows |
| Poster | A large image, a bold headline and a footer |
| Survey Results | A pie chart of the answers, three headline figures and a source line |
| Progress Report | Four goals, each with its percentage and a progress bar |
| Roadmap | Now, Next and Later, three items each |
| Agenda | Six timed items, each with a note |
| Questions and Answers | Four questions and their answers |
| Profile | A round photo, a name, a role, a short bio and three facts |
| Pros and Cons | Four pros and four cons side by side, and a verdict |
| Before and After | Two panels, an image and three points each, and the change in one figure |
| Feature Matrix | Three options against five features, ticks and dashes, one recommended |
| Announcement | A New badge, a big headline, an image and a call to action |
| Did You Know? | One surprising fact, set large under an icon, with its source |
| Save the Date | The date in a calendar tile, the event and where |
| Pictogram | A figure like 7 in 10, shown as ten people, seven filled |
| Ranking | Five ranked rows, each with a bar sized to its value |
| Cycle | Four stages round a loop, each with an icon and a note |
| Funnel | Four narrowing stages and the conversion between them |
How Layouts Fit Your Page
- Any size, any orientation. A layout is measured against the page it lands on and keeps a margin all round. On a tall page it stacks; on a wide page (landscape, a slide) it sets things side by side, so Process and Timeline turn from a column of numbered discs into a strip across the page.
- Type sized for a page. Headlines are scaled to fill their space, body text uses the larger text sizes, so a page reads from across the room and exports exactly as it looks.
- Your theme, your background. A layout carries no colours of its own: the tab's theme paints it, and on a dark background its text is drawn light.
- Change your mind later. Turn the page or change its size and the layout re-fits, scaled down where it must be, never cut off.
Was this article helpful?