Marigold
Getting StartedFoundationsComponentsPatternsReleases
Discover new Tutorials!

Foundations

OverviewAccessibilityDesign TokensElevationLayoutsSpacing
alpha
IconsForm Fields

Overview

About what is used to create the design.

Foundations are the essential building blocks or core elements of the design system that serve as the starting point for building interfaces. These are more concrete and are the technical or visual standards that components and patterns are built upon.

Design Tokens
Have an overview over our design tokens.
Accessibility
Learn more about accessibility.
Elevation
The foundational layers of the UI.
Layouts
Learn how to build layouts.
Icons
A list of all available icons.
Validation
Learn how to validate your forms.
Last update: 4 hours ago
Build with 🥵, 🧡 and
v17.0.0