HTML & CSS QualityLesson 34Free preview

Design Systems

This lesson is part of Intro to HTML & CSS · All levels

Summary

Design systems are a collection of components, patterns, and guidelines that make the interface consistent across the product. This lesson discusses design tokens (color, distance, letter) and documentation of components. With a neat system, teams build faster and the results stay uniform.

Key points

The design system includes tokens, components, patterns, and guidelines for use
Tokens keep basic values such as color and distance consistent
Custom properties of CSS facilitate the application and replacement of themes

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.