Heading XXXLarge
Heading XXLarge
Heading XLarge
Heading Large
Heading Default
Heading Small
Body XLarge
Body Large
Body Default
Body Small
Section Title
Width Auto
ahref
Button Button Button Buttonbutton
input
Full width
ahref
Button Button Button Buttonbuttons
input
button + loading
button + icon
Neutrals
White
Cotton
Lighter grey
Light grey
Medium grey
Dark grey
Boden Black
Core
Boden Green
Boden Red
Boden Pink
Digital
DIGI Boden green
DIGI Boden red
DIGI Boden pink
Mini
Mini Blue
Mini Yellow
Mini Red
Mini Pink
Overlays
- 36
- 37
- 38
- 39
- 40
- Disabled example
Text here
- 36
- 37
- 38
- 39
- 40
- Disabled example
Text here
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer urna lectus, feugiat eu efficitur ut, aliquam a risus. Suspendisse in ligula nec velit dignissim dictum. Curabitur urna dui, facilisis ac arcu vel, dictum aliquet neque. Nulla facilisi. Quisque accumsan laoreet dictum. Ut in ullamcorper magna, eu pretium metus. Sed eros.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer urna lectus, feugiat eu efficitur ut, aliquam a risus. Suspendisse in ligula nec velit dignissim dictum. Curabitur urna dui, facilisis ac arcu vel, dictum aliquet neque. Nulla facilisi. Quisque accumsan laoreet dictum. Ut in ullamcorper magna, eu pretium metus. Sed eros.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer urna lectus, feugiat eu efficitur ut, aliquam a risus. Suspendisse in ligula nec velit dignissim dictum. Curabitur urna dui, facilisis ac arcu vel, dictum aliquet neque. Nulla facilisi. Quisque accumsan laoreet dictum. Ut in ullamcorper magna, eu pretium metus. Sed eros.
Added icons
Spacers & Dividers
Divider
Spacers Y Axis
Spacers Y Axis (mobile up)
Spacers Y Axis (tablet up)
Spacers Y Axis (desktop up)
Spacer X Axis
Spacers X Axis (mobile up)
Spacers X Axis (tablet up)
Spacers X Axis (desktop up)
Boden Input type text
Boden Input type text --selected
Boden Input type text --error
Boden Input type text --disabled
Boden Input type text
Boden Input type text --selected
Boden Input type text --error
Boden Input type text --disabled
Boden Input type text
Boden Input type text --selected
Boden Input type text --error
Boden Input type text --disabled
Boden Input type text
Boden Input type text --selected
Boden Input type text --error
Boden Input type text --disabled
Alert content Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio labore ut voluptate consequatur culpa est unde explicabo reprehenderit, quae, vitae vel in tenetur amet non esse molestiae minima? Error, deleniti.
Alert content Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio labore ut voluptate consequatur culpa est unde explicabo reprehenderit, quae, vitae vel in tenetur amet non esse molestiae minima? Error, deleniti.