Grids and Layouts


Please note: This content has been moved to the new Sulis intranet and is not being updated in this location. If you require changes to this content, please contact the Web and Digital team so we can make the changes in both locations. Contact x5333 or email web@bathspa.ac.uk


Taking reference from our logo the layout system is based around a modular geometric grid of elements. By bringing these elements such as the logo, photography, colours and our new font together we can create a distinctive and consistent look and feel for all of our communications, in all manner of fresh and interesting ways.

It is a highly flexible system and simple to use. When possible, all printed and web communication should use the layout system. Creating these layouts must only be performed by graphic designers or finished artists using professional design software such as Adobe InDesign, Adobe Illustrator, Adobe Photoshop or Quark.

Example publications

A4 Grid

A six column grid is used for covers and inside pages. The layout is symmetrical so it can be used on left and right-hand pages. The units of the grid can be combined to create wider columns, to suit the information being shown.

A4 grid

Size – A4: 210 x 297mm.

  • A: The logo should be used at 30mm, it can be used as a tag to hang from modular page elements, or from the top of the brochure. It can also be used in a more traditional manner as a stand alone element.
  • B: The back cover should carry all relevant contact details in Bliss Regular and Light 9/10pt as shown.

A4 Cover Examples

These examples illustrate some cover designs utilising our modular arrangement of elements, and the 6 column grid.

We use Bath Spa New Roman Headline to set titles for brochure covers, this is a great place to use our duality lexicon or our "Space to..." propositions. These should not appear at the same time to avoid over-crowding the cover with competing messages.

We use white or light coloured backgrounds to maintain emphasis on our logo and messaging.

A4 cover examples

A4 Inside Spread Examples

These examples illustrate some inside spread designs using the 6 column grid and the new brand elements.

When designing brochures, don’t clutter the pages with lots of text and unnecessary imagery. Remember that white space is an important part of our identity and it can be used to great effect on brochure spreads.

Large copy set in Bath Spa New Roman Headline can be very striking, cut-outs on white backgrounds can also create a real impact.

Our key colours can be used to highlight intro paragraphs and quotes, divide sections and even enliven page numbers.

Keep pages simple, avoid unnecessary clutter and graphics, and use clear space to create modern and dynamic layouts.

A4 inside spread examples

A5 Grid

A six column grid is used for covers and inside pages. The layout is symmetrical so it can be used on left and right-hand pages. The units of the grid can be combined to create wider columns, to suit the information being shown.

A5 grid

Size – A5: 148 x 210mm.

  • A: The logo should be used at 25mm, it can be used as a tag to hang from modular page elements, or from the top of the brochure. It can also be used in a more traditional manner as a stand alone element.
  • B: The back cover should carry all relevant contact details in Bliss Regular and Light 9/10pt as shown.

A5 Cover Examples

These examples illustrate some cover designs utilising our modular arrangement of elements, and the 6 column grid. We use the same modular approach to design our smaller A5 brochure covers.

Coloured blocks can be used to house key information such as the brochure title.

A5 cover examples

A5 Inside Spread Examples

These examples illustrate some inside spread designs using the 6 column grid and the new brand elements.

When designing brochures, don’t clutter the pages with lots of text and unnecessary imagery. Remember that white space is an important part of our identity and it can be used to great effect on brochure spreads.

Large copy set in Bath Spa New Roman Headline can be very striking, cut-outs on white backgrounds can also create a real impact.

Our key colours can be used to highlight intro paragraphs and quotes, divide sections and even enliven page numbers.

Keep pages simple, avoid unnecessary clutter and graphics, and use clear space to create modern and dynamic layouts.

A5 inside spread examples