Overview

Primitive Overview

We define foundational design decisions as Primitives. They exist as visual styles that make up Web Components

Using primitives will ensure brand coherence across products that are referring to them, especially when they are getting updated. Changing a design primitive leads to alterations in the perception of the brand.

Backdrop Blur

Creates a frosted effect on glass surfaces that helps separate UI layers.

Border

Defines the stroke width of UI elements.

Breakpoint

Defines when content should adapt to the viewport size through media queries.

Color

Defines the color values to be used in the User Interfaces.

Elevation

Elevations create depth in user interfaces and are used to draw attention to certain UI elements.

Flag

A visual representation of a country, nationality, or language.

Icon

An Icon is a visual representation of a command, device, directory, or common action.

Radius

Radii add contrast to user interfaces to direct attention and make interactions identifiable.

Spacing

Creates visual rhythm between and within interface elements.

Typography

Defines how written words appear on screen.