Page tree

Maturing the CMS Design System
Scott Weber, Reading time: about 8 min

Before we get into the details on the CMS design system I want to set a baseline of what a design system is and is not. 

What is a design system?

The general definition of a design system is that it’s the outer circle that contains pattern libraries, style guides, and any other artifacts used to build web experiences and it’s also much more than that. Just because you have a collection of design patterns doesn’t mean you have a design system. 

A design system is a collection of reusable components both in design and in code, guided by clear documentation and standards, that can be assembled together to build web experiences and can be easily updated within products. 

Nielsen Norman Group defines a design system as “a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.” 

Brad Frost defines a design system as “The official story of how an organization designs and builds digital interfaces.”

What a design system is not

A design system is a collection of multiple elements such as pattern libraries, style guides and UI toolkits and more. Only having one singular element does not mean you have a design system. If you have a Sketch or Figma file but don’t have any code examples or patterns you don’t have a design system. If you have code examples but no design artifacts you don’t have a design system. 

10 Usability Heuristics for UI Design

Design Critiques:
Encourage a Positive Culture

Designing for Accessibility

Practitioner Profile:
Howard Montgomery

More Content...

Creating a Stakeholder Map
A Video

A video about stakeholder mapping and what the essential steps are for creating and managing a stakeholder map. This video quickly explains what to include in a stakeholder map and how to illustrate and analyze one.

President Biden's Executive Order

3 ways President Biden’s executive order on the customer experience encourages interagency collaboration

5 Ways to Use HCD in Your Daily Routine

Improving your daily routine by injecting the problem-solving techniques of HCD

True or False: Summer Edition

Try your hand at deciding what is fact and what is fiction in this interactive quiz about the practice of human-centered design.

Daily Ethical Design

Designing ethically may sound daunting at first, but Lennart Overkamp sets forth a template for engaging stakeholders around new priorities, exploring objectives that span from individual to global impacts, and finally measure their effects.

  • No labels