What is liz?

Liz is a web design system that is a shared resource for designing and developing www.safe.com to help create a consistent user experience. We include details for accessibility best practices, code base documentation, and a pattern library; all to help streamline the workflow for everyone involved.

Primarily, this documentation is for the team managing the website. Everything is developed and contextualized around the content on www.safe.com and should not be extrapolated freely to any other contexts.

Why a design system?

A Design System is a collection of principles, guidelines, and shared language within a project to enable teams to design, realize, and develop a product.

Design systems can provide benefits to various roles:

• Designers spend less time explaining red lines and other design specs during implementation when they are already documented on Liz.
• Developers access a living code base that allows designs to be scaled easily, and updates to components or documentation will match the live product.
• Content creators will have a unified voice and tone to reference, with more time to focus on researching and creating compelling stories.
• Product owners can see our entire website inventory in one place, and assess the current state of things or direct feedback more efficiently.