Style Guide
Colors
Primary
Sea Nymph Dark
#637d76
Foreground
Sea Nymph Lightest
#f1f4f5
Border
Sea Nymph
#7c9d94
Card Border
Sea Nymph Lighter
#e4ebe9
Background
White
#FAFAFA
Background
Sea Nymph Darker
#313e3b
Text Color
Black
#00000
Text Styles
Desktop
Heading 1
Font size: 72px / 4.5rem | Line height: 120%
Heading 2
Font size: 52px / 3.25rem | Line height: 120%
Heading 3
Font size: 44px / 2.75rem | Line height: 120%
Heading 4
Font size: 36px / 2.25rem | Line height: 130%
Heading 5
Font size: 28px / 1.75rem | Line height: 140%
Heading 6
Font size: 22px / 1.375rem | Line height: 140%
Tagline
Font size: 16px / 1rem | Line height: 150%
text-size-large
Font size: 22 px / 1.375 rem | Line height: 150%
text-size-medium
Font size: 18 px / 1.125 rem | Line height: 150%
text-size-regular
Font size: 16px / 1 rem | Line height: 150%
text-size-small
Font size: 14px / 0.875 rem | Line height: 150%
Text Weights
text-weight-bold
text-size-semibold
text-size-regular
Text Alignments
text-align-center
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Button
Radius
Margin
Padding