The practice of designing digital products that everyone, including people with disabilities, can use.

The ability of a design to adjust to different users, devices, or environments for a seamless experience.

A methodology for creating scalable and consistent design systems by breaking UI components into smaller building blocks.

Predefined screen sizes where a website or app layout adapts to ensure a seamless user experience.

Interactive elements that trigger actions in a user interface.

A compact, flexible container used to organize and display content in a visually structured way.

A structured approach to defining, naming, and applying colors consistently in a design system.

A reusable building block in a user interface that helps create consistent and scalable designs.

A collection of reusable UI components that ensure consistency and efficiency in design and development.

The practice of maintaining uniformity in design elements to create a seamless user experience.

The practice of presenting complex data in a visual format to improve understanding and insights.

A structured collection of reusable components, guidelines, and standards that ensure consistency in digital product design.

The process of managing, maintaining, and evolving a design system to ensure consistency, adoption, and scalability.

A standardized way to store and apply design decisions like colors, typography, and spacing across a design system.

A structured record of guidelines, components, and best practices to ensure consistency and usability in a design system.

The use of shadows and layering to create depth and hierarchy in a user interface.

A structured approach that guides the design and development of digital products, ensuring efficiency and consistency.

A design framework that structures content using rows and columns to ensure alignment, consistency, and readability.

The process of transferring design assets, specifications, and guidelines from designers to developers for implementation.

The three core properties that define how colors appear in a digital or physical space.

Icons are graphical representations used to symbolize actions, objects, or concepts within a user interface.

Information architecture (IA) is the practice of organizing and structuring content on websites, apps, or other digital platforms.

Interaction design (IxD) is the practice of designing how users interact with digital products and systems.

Modularity in design refers to creating systems by combining smaller, self-contained units or modules.

A molecule refers to a combination of atoms (basic UI elements) that work together to form a functional component.

A pattern in design refers to a recurring arrangement of elements or structures that follow a consistent structure.

Prototyping in design refers to creating an early, working model of a product or system to test and evaluate its functionality, usability, and design.

Responsive design is a design approach that ensures a website or application provides an optimal viewing experience across a wide range of devices, from desktop computers to mobile phones.

Scalability in design refers to the ability of a system, design, or interface to handle growth or change effectively.

Semantics in design refers to the meaning and purpose behind the elements used in a design.

Spacing in design refers to the amount of space between elements, such as text, images, and other components, within a design.

Style guide is a document that provides standardized guidelines for the design and branding of a product.

Typography refers to the style, arrangement, and appearance of text.

UI Kit is a collection of pre-designed user interface elements such as buttons, icons, navigation bars, and typography, all organized and ready to be used in a design project.

Usability heuristics are general principles or guidelines used to evaluate the usability of a product or interface.

User Interface (UI) includes the layout, buttons, icons, and other interactive elements that allow users to navigate through any digital device or software.

Variables are used to define consistent values for design elements such as colors, typography, spacing, and more.

Version control is a system that helps manage changes to files over time, allowing teams to track and manage different versions of a project.

Visual hierarchy is the arrangement of design elements in a way that clearly indicates their order of importance.

A wireframe is a basic, low-fidelity visual representation of a website or app's layout.