Atoms

The smallest and indivisible elements of an interface, such as colors, fonts, and spacings, which form the foundations of the Design System.

Accessibility

The set of practices and guidelines to ensure that products, components, or other UI elements are usable by everyone, including users with disabilities.

Components

Reusable building blocks of a user interface, such as buttons, forms, or cards, designed to be used across different contexts and projects.

Guidelines

Rules that define the best practices for using components and patterns within the Design System.

Pattern

Reusable solutions that combine components to address specific needs, such as login flows or page layouts.

Design Tokens

Variables that represent core design values, such as colors, font sizes, or spacings, to ensure consistency and scalability.

UI Kit

A visual representation of coded components, designed so that designers, even without programming knowledge, can create mockups of user interfaces.
Examples of UI Kits include libraries in Figma.

Reference Site

The site that showcases both the entire component library and a set of guidelines.

Pilot

A Pilot is a product developed as a proof of concept to demonstrate the effectiveness of a Design System. This type of project is carried out to test the applicability and impact of a Design System in a real-world context, assessing its functionality and benefits before a large-scale implementation.