CU Style Guide
1. Color Swatches
1.a Primary and accent colors
- $color-1
- $color-2
- $color-3
- $color-4
- $color-5
- $color-6
- $color-6
2. Typography
2.a Desktop tags2.b Tablet tags2.c Mobile tags Different from desktop
- Raleway - Bold / Size 48px / Line Height 1.5em / Spacing 0em / .xl-title H1 Page Title
- Raleway - Bold/ Size 32px / Line Height 1.5em / Spacing 0em / .lg-title H2 Section Title
- Raleway - Reg / Size 32px / Line Height 1.5em / Spacing 0em / .lg-title H2 Page Subtitle
- Raleway - Bold/ Size 24px / Line Height 1.75em / Spacing 0em / .m-title H3 Element title
- Raleway - Bold / Size 18px / Line Height 1.75em / Spacing 0em / .s-title H4 Heading
Size 18px / Line Height 1.75em / Spacing 0em / .big-body
Large paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore amet lux.
Size 14px / Line Height 2 em / Spacing 0em / .main-bodyParagraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore amet lux.
Size 13 px / Line Height 2 em / Spacing 0em / .small-bodySmall paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore amet lux.
Size 15px / Line Height 1.5em / Spacing 0 em / .btn-textButton
Size 12px / Line Height 1.5em / Spacing 0 em / .btn-small-textSmall Button
4. UI elements
4.c. Inputs
4.d. Labels
- label
- label
- white label