CloudLight
Theme overview
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.
Colors
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.
base
primary
secondary
accent
info
danger
Spacing
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.
none - 0
xxs - 2px
xs - 4px
s - 8px
m - 16px
l - 32px
xl - 64px
xxl - 128px
Content sizes (max width)
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.
xxs - 320px
xs - 414px
s - 600px
m - 900px
l - 1200px
xl - 1900px
xxl - 2000px
full - 100%
Surfaces
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.
base
primary
accent
hero
Separators
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.
primary
accent
Typography
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.
Titles
display
primary
secondary
tertiary
lead
logo
Text
default
m
s
small
Buttons
Here you can find an overview of our patterns, colors, and components. Keep in mind that this is only an overview, for usage examples and documentation go to our Storybook page.