Lens design system - University of Bath

Pattern library and style guide V1.0

Lens is our digital design system. The pattern library and style guide are designed to help you quickly create consistent pages with unified behaviours and styles.

The design system includes:

  • A style guide - Information on grid structure, typography and colour usage
  • A pattern library - Our global and common components with ‘live’ examples, code snippets and notes on implementation
  • Pattern ‘contexts’ - Examples of multiple components grouped together in commonly-used layouts

Lens versions

Significant releases of Lens are tagged with a version number.

The current version of Lens is 101

Lens 101 was released on 2018-07-16

Notable changes in this version

  • Improved global and role navigation

We have a full changelog for Lens on the wiki

Suggestions or improvements to the design system? Get in touch