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.1.0.2 - May 2023
  • Add new toggle components
  • Add new breadcrumb component
  • Add button with loading indicator
  • Update event card styles
  • Misc. fixes