A layout is a ready-made arrangement put onto one infographic page (slide pages and logo pages offer layouts of their own): 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.
New to infographic pages? Open the page's cog and press Show Me at the top of its panel: it opens the Layout and Background popovers on your own page, then its size, so you can pick as you go. The Illustrate Tour offers it the first time you work on an infographic.
Choosing a Layout
Every infographic page has a Layout button in its title bar, above its top-right corner, before Background, Tidy, the padlock and the cog. Press it, on an empty page or a full one, and the page's layouts open in a popover under it, the eight categories first, four across; on a phone they open in a sheet from the bottom of the screen, two across. Zoomed out, or on a phone, the button shows just its icon.
Press a category to see its layouts. They slide in from the right, and All layouts in the bar above them (the category named beside it) slides you back to the categories. Each tile is the real layout, drawn for this page at its size and orientation, in your tab's theme and font, with its sample words, icons and charts, so what you see is what you get.
Hover a tile to preview it on the page. The page shows that layout as it would land, with your own words and pictures already moved into it, 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.
An empty page also offers its layouts inside itself, on a card headed Start From a Layout in the middle of the page. Press a layout there to place it (the card has no hover preview, since it would cover the card's own tiles), or Hide the card until you next open the tab. It goes on its own once anything lands on the page, and the Layout button still has every layout.
Placing It
Press a tile and the layout is placed at once, on an empty page or a full one, with nothing to confirm. It is a single step, so one Undo brings the page's old layout back.
Your content comes with you. Changing the layout of a page you have already written on keeps what you wrote: your title goes into the new layout's title, your subtitle and other large lines into its large lines, the rest of your words into its body text, figures like "73%" into its figures, your pictures into its picture places (the biggest first), and a stat row's, chart's or callout's contents into the same kind of element. Each piece takes its new place's position and style, and long words shrink to fit. Only what you wrote moves: sample text you never changed stays behind, so the new layout shows its own. Anything the new layout has no place for is removed with the old layout. The hover preview already shows your content in its new places.
After placing, nothing is selected and the popover closes, so the page reads clean.
The Layouts
There are ninety-two layouts in eight categories, at most twelve to a category: Covers (12), Posters (11), Data (12), Steps and Time (12), Compare (12), People and Ideas (12), Social (12) and Explainers (9).
Covers
| 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 |
| Quote | A large quote and who said it, with a round photo |
| 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 |
| Report Cover | An annual report's front: the year set huge, a title, a picture and three headline figures |
| Magazine Cover | A masthead, an issue strip, cover lines beside the picture and the cover story |
| Book Cover | The author, the title and round artwork inside a double rule, with a blurb |
| Proposal Cover | A logo, a Confidential badge, the title, and who it is for, who it is by and when |
| Case Study | An outcome headline, a picture, a client quote and three results |
| Newsletter | A masthead band, the lead story with its picture, and what is in this issue |
| Contents | Six numbered chapters, each with a note and its page number |
| Certificate | A name set large inside a double rule, the reason, two signature lines and an award seal |
Posters
| Layout | What it gives you |
|---|---|
| Poster | A large image, a bold headline and a footer |
| Gig Poster | The band's name huge, the support acts, a photo, a ticket-stub row and a tickets banner |
| Research Poster | A title and its authors over sections from Introduction to References, with a chart |
| Coming Soon | A key image, the title huge, a tagline, the release date and a billing block of credits |
| Exhibition | A two-word title set huge, an artwork with its caption, and the dates, hours and where |
| Travel | The destination set huge, a big photo with a fare stamp, three facts and how to book |
| Workshop | A title, a photo beside three points, when and how much, and a tear-off strip |
| We're Hiring | "We're hiring." set huge, three open-role cards, three perks and an apply-by banner |
| Big Sale | "Up to 50% off" in a big disc, the dates, department pills and a banner |
| Notice | A Caution band, a shield, the rule set large, three dos and a contact |
| Motivational | A type-only poster: three words set huge, each over its phrase, and who said it |
Data
| Layout | What it gives you |
|---|---|
| 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 |
| Chart Story | A captioned bar chart, a progress ring, three takeaways and a source line |
| Facts Grid | Six cards, each an icon, a figure and a caption |
| 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 |
| 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 |
| KPI Dashboard | Four metric cards, each a big figure, its change on last quarter and a sparkline |
| Trend Story | The period's one figure, a line chart of this year against last, and three moments |
| Market Share | A doughnut of five shares with the leader's in the hole, and a table of how each moved |
| Stat Mosaic | Six tiles of mixed sizes: a hero figure, a star score, a progress ring and an area chart |
Steps and Time
| Layout | What it gives you |
|---|---|
| Process | Four numbered steps, each with a note, and a closing callout on wide pages |
| Timeline | Five dated milestones, each with a note |
| Checklist | Six items, ticked or not, and how many are done |
| Roadmap | Now, Next and Later, three items each |
| Agenda | Six timed items, each with a note |
| Cycle | Four stages round a loop, each with an icon and a note |
| Funnel | Four narrowing stages and the conversion between them |
| Staircase | Five levels climbing step by step, each a number, a name and a note |
| Customer Journey | Five stages: what the customer does, where, how it feels and what to fix next |
| Project Plan | Five workstreams as bars across six weeks, a launch milestone and a Today line |
| Decision Flow | Three yes-or-no questions from a new idea to Build it, each No ending in its own outcome |
| How-To | Time, servings and difficulty, then six numbered steps, each a photo, a name and a note |
Compare
| Layout | What it gives you |
|---|---|
| Comparison | Before and After columns of three points each, and a verdict |
| 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 |
| Versus | Two contenders face to face with a VS badge, and four stats as paired bars |
| Pricing Tiers | Three plan cards with their prices, features and a button, the middle one Most popular |
| SWOT | Strengths, Weaknesses, Opportunities and Threats, three points each |
| Effort vs Impact | Quick wins, big bets, fill-ins and money pits as quadrants, with seven ideas plotted |
| Scorecard | Three options, each an overall score and star ratings on four criteria, one Top score |
| Spectrum | Five options placed along a rail from simple to powerful, one marked as our pick |
| Venn | Two overlapping circles, three traits in each and three they share |
| Three Options | Three option cards, each a cost, an image, and points for and against, one Recommended |
People and Ideas
| Layout | What it gives you |
|---|---|
| Top Tips | Five tips, each an icon beside a line |
| Team | Six people, each a round photo, a name and a role |
| Questions and Answers | Four questions and their answers |
| Profile | A round photo, a name, a role, a short bio and three facts |
| Org Chart | A lead joined to three crews, each with its own lead and members |
| Testimonials | Three customer quotes, each with a star rating, a photo, a name and a role |
| Meet the Speakers | Four speakers, each a photo, a time, a name, a role and the talk, and a booking banner |
| Spotlight | An employee spotlight: a photo, three quick facts and a short interview |
| Our Values | Six values, each an icon, a name and a line |
| Idea Board | A "How might we" question, six sticky notes with their votes, and a next step |
| Persona | A user persona: a photo, a quote, goals and frustrations, and two trait bars |
| Shout-outs | A Colleague of the Month card and three thank-you notes |
Social
| Layout | What it gives you |
|---|---|
| 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 |
| Carousel Cover | A carousel's first slide: a hook set large, a teaser and "Swipe for all 7" |
| Tip of the Day | A numbered tip set large, three reasons why and "Save for later" |
| Milestone | "We just hit" a big follower count, a thank-you and the climb as a line chart |
| Behind the Scenes | A two-line title and a mosaic of three photos, each step named on a chip |
| Countdown | The event's name, days, hours and minutes on three tiles, and a reminders button |
| Product Spotlight | A large product photo with a price badge, a star rating and a Shop now button |
| Giveaway | The prize and its photo, three numbered steps to enter, and the small print |
| Welcome Aboard | A new colleague's round photo, name and role, and three facts about them |
| Webinar | A free live webinar: its title, when and where, the host's card and a booking button |
Explainers
| Layout | What it gives you |
|---|---|
| How It Works | An image with four numbered hotspots, a key to each step and the one figure that sells it |
| Anatomy | An image down the middle and six named parts, each joined to its spot by a line |
| Key Concepts | One big idea in a hub and the six ideas behind it, each an icon, a name and a note |
| Cheat Sheet | Four groups of four keyboard shortcuts, each a keycap beside what it does |
| Glossary | Eight terms from A to Z, each under its letter with a plain-words definition |
| Myths and Facts | Four myths, each joined by an arrow to the fact that corrects it |
| Fact File | An image, a table of six key facts, a "Did you know?" callout and a source line |
| Lesson Summary | What you can now do, three key points, four key words and a four-answer quiz |
| Formula Explained | A formula set large, what each term means, a worked example and a chart of the result |
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 what is on it stays on it, scaled down as a whole where it no longer fits, never cut off. The layout is not rebuilt, so a stacked layout stays stacked: to get the side-by-side version, place the layout again.
Was this article helpful?