Foundations

These areas of design are the foundations on which the Βι¶ΉΤΌΕΔ online is built.

Graphic of five icons including sign in, download, love, audio and clown

GEL Icons: Reith Suite

This guideline displays the Reith suite of Βι¶ΉΤΌΕΔ icons and contains guidance on their recommended use.

  1. Updates

Grid

How our flexible, percentage-based grid works and how you’d apply it to design a Βι¶ΉΤΌΕΔ website.

  1. Updates
4 Items

Motion Design Principles

Our 3 key principles for designing with motion at the Βι¶ΉΤΌΕΔ.

Graphic of spacing units with arrows and guidance between page elements

Spacing Units

This guideline explains how to use spacing across Βι¶ΉΤΌΕΔ online

  1. v1

Typography

This guideline explains how to use typography across Βι¶ΉΤΌΕΔ online. It covers guidance on Βι¶ΉΤΌΕΔ Reith, and for teams still using Helvetica.

  1. Updates