Un sistema se define como una entidad con límites y con partes interrelacionadas e interdependientes, cuya suma es mayor a la suma de sus partes.

Sistema web: Un sistema de diseño es un conjunto prácticas compartidas y patrones interconectados que nos ayudan lograr el objetivo de los productos digitales.

Prácticas compartidas: Conjunto de reglas, restricciones y principios sobre cómo elegimos crear, capturar, compartir y usar los patrones.
Son imprescindibles cuando se trabaja en equipo.

Patrones: Los patrones son los elementos repetitivos que combinamos para crear e interconectar elementos: flujos de usuarios, interacciones, botones, iconos de campos de texto, color, tipografía, microcopia.

Fundamentos de un sistema web

Consistente: La forma en que los componentes se construyen y administran sigue un patrón predecible.
Autónomo: El sistema de diseño se trata como una dependencia autónoma.
Reutilizable: Los componentes del sistema pueden ser reutilizados en diferentes contextos.
Accesible: Las aplicaciones creadas con su sistema de diseño pueden ser utilizadas por tantas personas como sea posible, sin importar cómo accedan a la web.
Robusto: No importa el producto o la plataforma a la que se aplique el sistema de diseño, debe igualmente.