Text
Styles
Font Family: Open Sans
H1 – Page Title (60px)
H1 – Page Title Mobile (42px)
H2 (50px)
H2 – Mobile (40px)
H3 (40px)
H4 (30px)
H5 (26px)
H6 (22px)
H1, Underline Style
Microheadline
Microheadline with Underline
Headline
Indented Microheadline
Paragraph (16px)
Bacon ipsum dolor amet buffalo rump ground round tail, tenderloin pork chop meatloaf. Landjaeger cupim drumstick ham hock ground round picanha andouille alcatra short loin chicken fatback salami pork pork belly kevin. Prosciutto meatball jowl pork chop salami doner fatback andouille boudin chicken short ribs beef spare ribs tongue kielbasa. Beef ribs ground round beef meatball, ham bresaola t-bone.
Unordered List (16px)
Block Quote (26px)
Block quote aliquet sed leo at tempus finibus dui eget ornare auctor mauris scelerisque imperdiet turpis in luctus metus tristique aorbi et blandit mi.”
Format
Styles
Paragraph – Large (20px)
Bacon ipsum dolor amet buffalo rump ground round tail.
Indented Microheadline (16px) – Issue here, not seeing how to indent micro headline.
Overview
Headline with colored line
Can be used on any size headline (h1-h6). Yellow line should always be 40 px below baseline of headline text.
Text/line can be left aligned OR centered on the page.
Text needs to have ability to be dark OR light for all options h1-h6 (see below)
H2 with colored line (left aligned, dark)
H4 Example:
Centered Examples:
Checklist – checkmarks (16px)
Checklist – circle checkmarks (16px)
Checklist – large circle checkmarks (20px)
Form
Elements