Marigold
Getting StartedFoundationsComponentsPatternsRecipesReleases
Discover new Tutorials!

Foundations

OverviewAccessibilityDesign Tokens
updated
Elevation
updated
LayoutsIconsStyle PropsForm 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.
Style Props
Properties our components use.
Validation
Learn how to validate your forms.
Last update: October 25, 2024
Build with 🥵, 🧡 and
v14.1.1