The design system for Diamond Light Source, providing the foundations, guidance, patterns, accessibility standards, and component documentation used to build clear, consistent, reliable, and predictable scientific software.
This repository contains the design system website and documentation.
- Design principles
- Foundations (colour, typography, etc)
- Practical guidance
- Accessibilty guidelines
- Patterns and workflows
- Component documentation
- Examples and best practices
The design system is actively evolving and will continue to grow as it is adopted across applications at Diamond Light Source.
The React implementation of the Diamond Design System is provided by SciReactUI.
SciReactUI contains the MUI theme, design tokens, and reusable React components that implement the design system.
Repository: https://github.com/DiamondLightSource/sci-react-ui
The Diamond Design System is still a work in progress and is actively evolving.
Contributions and feedback are welcome from anyone involved in building or designing software at Diamond.
When contributing:
- Follow existing guidance and patterns where possible.
- Prefer reusable solutions over one-off implementations.
- Consider accessibility from the start.
- Keep documentation practical and focused on real usage.
- Discuss significant changes before introducing new patterns or approaches.