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

Suggestions or improvements to the design system? Get in touch