Foundations are the visual elements needed to create engaging layouts and end-to-end user experiences.
Foundations
Design Tokens
Our visual design is based on consistent palettes of typography, spacing units, color, and other discrete elements of style we call design tokens.
Color
Color is a practical and emotional tool. It conveys personality, sets a tone, attracts attention, and indicates importance.
Elevation
Elevation styles are crucial in a website design system as they help in creating depth and focus in user interfaces.
Iconography
Icons represent items and ideas in a simple graphic format. They help communicate with universal understanding.
Layout
Consistent layout principles allow designers and developers to efficiently build user-friendly experiences across devices and screen sizes.
Spacing
Consistent layout principles allow designers and developers to efficiently build user-friendly experiences across devices and screen sizes.
Typography
Typography is a deliberate system of letters, numbers, and characters. Good typography ensures legibility, clean aesthetics, and a well-defined information hierarchy.