Colors and Shadow
SCSS variable name:$primary
Hex code:#c99b4e
RGB:201 155 78
SCSS variable name:$primary-01
Hex code:#1eca3a
RGB:30 202 58
SCSS variable name:$primary-02
Hex code:#2da11c
RGB:45 161 28
SCSS variable name:$primary-03
Hex code:#af623c
RGB:175 98 60
SCSS variable name:$primary-04
Hex code:#946f2e
RGB:148 111 46
SCSS variable name:$primary-05
Hex code:#b78938
RGB:183 137 56
SCSS variable name:$primary-06
Hex code:#307d97
RGB:48 125 151
SCSS variable name:$primary-07
Hex code:#008285
RGB:0 130 133
SCSS variable name:$primary-08
Hex code:#ffdead
RGB:255 222 173
SCSS variable name:$primary-09
Hex code:#007ac8
RGB:0 122 200
SCSS variable name:$primary-10
Hex code:#00457c
RGB:0 69 124
SCSS variable name:$primary-11
Hex code:#f0e9e5
RGB:240 233 229
SCSS variable name:$primary-12
Hex code:#fec671
RGB:254 198 113
SCSS variable name:$primary-13
Hex code:#eef3f7
RGB:238 243 247
SCSS variable name:$primary-14
Hex code:#325556
RGB:50 85 86
SCSS variable name:$primary-15
Hex code:#3c9dbe
RGB:60 157 190
SCSS variable name:$primary-16
Hex code:#c17148
RGB:193 113 727
SCSS variable name:$light-grey
Hex code:#f4f4f4
RGB:244 244 244
SCSS variable name:$medium-grey
Hex code:#c2c2c2
RGB:194 194 194
SCSS variable name:$dark-grey
Hex code:#757678
RGB:117 118 120
SCSS variable name:$black
Hex code:#000000
RGB:0 0 0
SCSS variable name:$text
Hex code:#2b3a42
RGB:43 58 66
SCSS variable name:$primary-contrast
Hex code:#ffffff
RGB:255 255 255
Typography
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
This is body copy using Sweet Sans Pro Medium at 16px, with a 26px line-height in the color of Black. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui. This ia an in-line hyperlink in the Primary color.
- This is a list paragraph using Sweet Sans Pro Regular at 16px, with a 26px line-height in the color #000000 Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
- This is a paragraph showing the use of bold text, using the Sweet Sans Pro Bold. Nam ornare lectus ullamcorper nisl accumsan accumsan. Mauris et arcu sit amet enim lacinia pellentesque eu quis sapien.
Employee Name
Team Title
“Employee blockquote uses Sweet Sans Pro Med Italic at 36px and 44px line-height in the color #af623c. Nam ornare lectus ullamcorper nisl accumsan accumsan. Mauris et arcu sit amet enim lacinia pellentesque eu quis sapien."
Module Headline
Body copy 2, used for cards and modules, is Sweet Sans Pro Regular at 13px and 24px line-height. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
No jobs have been viewed recently.
No jobs have been saved.
Sign up for job alerts
Don't see what you’re looking for? Sign up and we'll notify you when roles become available.