Design System
Set of standards, reusable components, and guiding principles intended to manage design at scale.
- buttons
- input fields
- cards
- atomic design
- guidelines
A button is an interactive element that allows a user to trigger an action, such as submitting a form, opening a dialog, or confirming a choice. Buttons communicate what will happen immediately upon interaction.
A text field (or input field) is a component that allows users to enter and edit free-form text. It is a fundamental part of any form and is used to collect information like names, email addresses, passwords, or search queries.
A card is a flexible container for content and actions about a single topic. Cards group related information in a scannable, self-contained unit, making it easy for users to browse and compare different pieces of content. Based on the required context and information density, we use two primary variations: vertical and horizontal.
Vertical Card (standard)
This is the standard, content-focused card. It is best used when you need to display a richer set of information, including an image and descriptive text.
Horizontal Card (compact)
This is a compact, summary-focused card that arranges elements horizontally.
