Quick start
The basics of how to make a digital product 'feel' like Malvern Panalytical.
Project Franklin
Design System
& Brand guide
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.
Brand and visual identity
Colors, fonts, logos; it's all here.
Tone of voice
Guidelines to help us make our writing clearer, simpler and more inspiring.
Component library
Styles and reusable building blocks of the system.
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