A Google Docs template can look as polished as a file from a design app, but only if you make three decisions before you type a word: which fonts to use, how to divide the page into a grid, and which colors carry the message. This guide walks through each decision with practical steps in Google Docs.

To keep the examples simple, we use one kind of document, the itinerary, because it has a clear structure (days, times, places) and shows every design choice. The examples are four free itinerary templates for Google Docs by FreelyDocs, drawn by our design team: an event itinerary, a road trip itinerary, a vacation itinerary and a wedding itinerary. We also compare them with three free itinerary templates from other sites. You can open any of them and look at how the page is built.

Before you design: set up the page and the styles

  • Choose the page size and margins first. Open File, then Page setup, and pick US Letter or A4. Margins between 0.5 and 1 inch work for most printed templates. Changing them later moves everything.
  • Style the text, do not format it by hand. Set up Title, Heading 1, Heading 2 and Normal text once. Then choose Format, Paragraph styles, Update to match, so every heading follows the same rules. People who use your template can then restyle the whole document in one step.
  • Save your styles as the default. In the same menu, Options and “Save as my default styles” gives you the same setup in every new document.

1. Fonts: two families and a clear size scale

Fonts decide whether a page looks designed before anyone reads a word. Three rules cover most cases.

  • Use two families at most. One for headings and one for text is enough. Google Docs includes Google Fonts under More fonts, and the full catalog is on Google Fonts, where you can check how a pair looks together before you commit.
  • Build a size scale. A common starting point is a title about three times the body size, a heading about one and a half times. The gap between levels, known as visual hierarchy, is what makes the page easy to scan.
  • Keep decoration for a few words. A script or display font works for a name or a headline. For times, places and notes, use a plain font at 10 to 12 pt with generous line spacing.

Example: Wedding Itinerary

Designed by Katerina Mazko

A classic pairing of two families. The title is set in spaced capitals, the couple’s names in a script, and everything else, from the times to the notes, in one plain font. The script appears only where a name goes, so it adds character without hurting readability. The text sits on a solid panel, so the watercolor leaves behind it never get in the way of the words. Open the wedding itinerary template and make a copy to see how it is built.

2. Grid: pick a structure and keep to it

A grid is just a decision about where things are allowed to sit. Once you make it, every element has a place, and the page feels calm even when it is full.

  • Decide the columns. Two, three or four columns, with the same margins around them.
  • Build it with tables. Google Docs has no layout grid, so the most flexible tool is a table with the borders turned off. Set the column widths, add cell padding and put each block into a cell. Use Format, Columns when you only need text to flow from one column to the next.
  • Repeat one module. Design one row or block, then repeat it with the same size and the same spacing. The repetition is what makes a page look organized.
  • Align to the same edges. Headings and text blocks that start on the same left edge look deliberate. Blocks that are slightly off look like mistakes.
  • Leave white space. Empty space around a block is what makes it look important.

Example: Event Itinerary

Designed by Ann Pavlyk

One module, repeated three times: an orange block for the time on the left and a white arrow-shaped box for the description on the right. The rows have the same height and the same gap, and the arrow shape echoes the title banner above. When the module is this clear, people know exactly where to type. You can try the event itinerary template in your own Drive.

Example: Road Trip Itinerary

Designed by Alina Cherkasova

Sometimes the structure should follow the content. A route needs to show order and direction, so here the grid bends: five stops are numbered along a winding road, and each has a date marker. The same two text styles are reused for every stop, which keeps the page organized even though nothing is in a straight line. The road trip itinerary template is also available as a Word file.

Example: Travel Itinerary by Vertex42

Image: Vertex42

A different kind of grid, built as a form. Five sections (departing flight, car rental, hotel, meetings and events, returning flight) each get an icon, a colored header band and a row of column headings, and thin rules keep the table light. It is free for private use and comes in Excel, Word and Google Sheets versions, so Vertex42’s travel itinerary is a good model when a page has to hold many small facts.

3. Color: a small palette and enough contrast

Most templates that look amateurish have too many colors. A professional palette is small and used with discipline.

  • Pick three to five colors. One base, one or two accents and a neutral. A simple split is about 60 percent base, 30 percent secondary and 10 percent accent.
  • Try a complementary pair. Colors on opposite sides of the color wheel, such as blue and orange, make each other stand out without needing a third color.
  • Save your colors. In Google Docs, add your colors with Custom in the color picker, so each one is a single click next time.
  • Check the contrast. Body text should reach a contrast ratio of at least 4.5 to 1, a standard from the W3C accessibility guidelines. Light text on a light background is the most common failure, and it gets worse when printed. The free WebAIM contrast checker tests any pair of colors in seconds.

Example: Vacation Itinerary

Designed by Katerina Mazko

Two colors do almost all the work: sky blue for the background and orange for the day badges and the title. The text sits in white boxes in a dark color, so the contrast stays high however bright the background is. The badges alternate left and right, which gives the page a rhythm, and the illustration at the bottom reuses the same palette. Copy the vacation itinerary template and swap the colors to see how the palette holds together.

4. Make the template easy to edit

A template is a document that someone else will fill in, so design for that person.

  • Use clear placeholders. Text such as “Name Surname” or “123 Anywhere St.” tells people what to type.
  • Keep text as text. Do not turn headings or paragraphs into images, or nobody can edit them.
  • Make images easy to swap. Right-click an image and choose Replace image so the new photo keeps the same size and position.
  • Show a filled-in example. Next to the blank version, include one with real text, so people see what good looks like.
  • Put extra details on a second page. When something does not fit the main layout, give it its own page.
  • Test with real content. Try a long name, a short name and a few extra lines. If the layout breaks, fix it before sharing.
  • Share a copy link. Set the sharing to “Anyone with the link” as viewer and end the link with /copy, so people get their own editable version.

A quick checklist

  • Page size and margins are set
  • Title, Heading and Normal text styles are defined
  • No more than two font families
  • A clear size scale from title to body
  • One module, repeated with equal spacing
  • Three to five colors, with body text at 4.5 to 1 contrast
  • Placeholders show what to type, and a filled-in example is included
  • Images can be replaced without breaking the layout

Who designed the templates

The four FreelyDocs templates in this article were drawn by three designers on our team. Template counts are as of the time of writing.

  • Alina Cherkasova wrote this article and designed the Road Trip Itinerary template. She specializes in landing pages, multi-page websites, templates and presentations, works in Figma, Canva, Google Docs and Google Slides, and has created 96 templates for FreelyDocs.
  • Katerina Mazko designed the Wedding Itinerary and Vacation Itinerary templates. She works in Figma, Adobe Photoshop, Google Docs, Google Slides and Google Sheets, and has created 109 templates for FreelyDocs.
  • Ann Pavlyk designed the Event Itinerary template. She works in Figma, Adobe Illustrator, Google Docs and Google Slides, and has created 162 templates for FreelyDocs.

The other templates mentioned come from their own creators: the Vertex42 travel itinerary was created by Jon Wittwer, Jim Wittwer and Laura Cutler, and TripStone and Gather and Go Travel publish theirs on their own sites.

Bogdan Sandu
Latest posts by Bogdan Sandu (see all)
Share
Written by Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008. Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients. His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8. He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Continue Reading

You Might Also Like