We have made the Lens Design System available to the wider university and beyond.

Our aim is to encourage a consistent design approach across all our web-based systems.


Looking for the Global Footer?

There is a separate page listing the implementations of the pre-Lens Global Footer here.

Options for using Lens

  1. Link directly to the live CSS at /lens/css/bath/site/site.css
  2. Copy site.css and add bespoke rules as required
  3. Create bespoke stylesheet(s) that 'mimics' Lens styling but is not actually linked to it
  4. Edit the Sass and then compile a bespoke version of Lens

Who's currently using Lens?

WhatPrimary contactHow are they using the Lens styles?Will it break if we update Lens?Is it live?
bath.ac.ukDan Dineen / Tegan MaleLinks to the live LensNoYes
FunnelbackDan Dineen  / Tegan Male Links to the live LensNoYes
Moodle static update pageHittesh AhujaLinks to the live LensPossibly, depending on the HTML usedNo - 3rd quarter 2018
(only for a few weeks)
Alumni (NetCommunity)Rachel SkerryCompiled version of Lens cssNoNo - 3rd quarter 2018
Jobs.bath.ac.ukhroperationsmanager@bath.ac.ukBespoke CSS 'mimicking' LensNoNo - 3rd quarter 2018
School of ManagementRayner Simpson--No - 4th quarter 2018
Wiley (Online MSc)

Bespoke CSS 'mimicking' Lens

Changes to the header and footer need to be communicated to Sophie.
She will then pass that information on to Wiley.

Software delivery

They are using the Lens palette for certain software applications.

If the palette is significantly updated we should inform Peter of the changes.