Styleguide Demo

(.headline1) Headline One

(.headline2) Headline Two

(.headline3) Headline Three

(.headline4) Headline Four

(.headline5) Search Results for:

(.paragraph-l) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

(.paragraph) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Button Primary

Button Primary Hover

Button Primary Active

Button Primary Disabled


Button Secondary

Button Secondary Hover

Button Secondary Active

Button Secondary Disabled


Button Tertiary

Button Tertiary Hover

Button Tertiary Active

Button Tertiary Disabled

Button Quaternary

Button Quaternary Hover

Button Quaternary Active

Button Quaternary Disabled




Shop All Sets













Kan Jam Colors

Primary (--brand-primary)
Secondary (--brand-secondary)
Grey (--brand-grey)




Stylized Headlines

(.headline--stylized-primary) Primary
(.headline--stylized-secondary) Secondary
(.headline--stylized-grey) Grey
(.headline--stylized-white) White




Brand Links

Primary Brand Link (.brand-link)
Secondary Brand Link (.brand-link.brand-link--secondary)