Styleguide

(.sr-headline1) Headline One

(.sr-headline2) Headline Two

(.sr-headline3) Headline Three

(.sr-headline4) Headline Four

(.sr-headline5) Search Results for:

(.sr-paragraph-xl) 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.

(.sr-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.

(.sr-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.

(.sr-paragraph-tight) 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.

(.sr-paragraph-legal) 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.

(.sr-link) Link style

Button Primary

Button Primary Hover

Button Primary Active

Button Primary Disabled


Button Secondary

Button Secondary Hover

Button Secondary Active

Button Secondary Disabled
















Colors

Brand Primary
(--color-base-foreground)
#444
Brand Secondary
(--color-base-button-label)
#000
Accent 1
(--color-base-accent-1)
#000
Accent 2
(--color-base-accent-2)
#fff
Accent 3
(--color-base-accent-3)
#999
Accent 4
(--color-base-accent-4)
#D57461