Welcome to the Franklin design system

Our design system helps us create consistent experiences across our websites and beyond. It also makes the design and development process faster, more efficient and scalable.

What is a design system?

A combination of brand guidelines and a library of HTML/CSS/JS components.

As Malvern Panalytical has grown, our online experiences have become disparate and inconsistent. The goal of this design system is to address this by creating a single source of truth. It will rely on us all using and contributing to it, with the ongoing support of the Design System Team.

Latest updates

V.0.9.10 - 04 Aug 2022
  • Update MP Charcoal colours for better contrast and legibility
  • Add cutoff utility
  • Tweak campaign design