We are in beta. Please be patient with us.

OSSY

CloudDark

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

foreground

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.