Front-end Style Guide

Layout

The designs were created to the following widths:

Desktop
Mobile

Colors

#42811e (button)
green 1: #57AB27 (button:hover);
green 2: #7ca45a;
green 3: #B8D698;
green 4: #DDEBCE;
green 5: #F2F7EC;
green/gray 6: #2a412f (font/ headings);

Font Styles

font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
Weights: 400, 700, 900. ???????
Font size: 12px, 14px, 16px, 18px, 20px, 24px, 32px, 52px, 80px. ????????

Text

h1

font-size: 46px;
font-weight: bold;

h2

font-size: 36px;
font-weight: bold;

h3

font-size: 26px;
font-weight: bold;

h4

font-size: 20px;
font-weight: bold;

h5

font-size: 18px;
font-weight: bold;

paragraph - homepage

font-size: clamp(1.125rem, 0.8387rem + 0.4469vw, 1.375rem); (font 18-22px/ viewport 1025-1920px)