Style Guide
Colors
Website Colors
Primary
Dark PURPLE #257AA6
Secondary
Max Red Purple #9d3978
Background Light
WHITE GREY #f2f2f2
ACCENT
Light Sea Green #00BDAA
Logo Colors
Celedon Blue #257AA6
Middle Blue Green #9BDED7
Max Red Purple #9d3978
Light Sea Green #00BDAA
Sandy Brown #F2994A
PAlATINATE Purple #512e67
Grayscales
Typography
Aa
Aa
Aa
Headings: template originals noted below till finalized
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Captions
Font pairing made simple H1 = monserrat 300
Generate font combinations with deep learning H2 = Montserrat 600
body = Montserrat regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Another option is to use a traditional scale (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72) or the Fibonacci sequence (e.g. 16 – 24 – 40 – 64 – 104) to get natural typographic results.
https://type-ed.com/resources/rag-right/2017/11/13/font-weight-size
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Buttons
Pink buttons lead to Actions: give info/ external ?
Follow
© Team Earth, LCA 2021
