DESIGN ELEMENTS
Use design elements below to help us know where and how to style your pages of content.
HERO SECTION NEEDS:
Every page will have a hero section. Need the following information on EVERY PAGE so they can be built:
- Title/Headline (often the page title but not always)
- Secondary Hero Content (if needed – most pages likely won’t have content under the hero title)
- Button (is there a button? if so where does it link?)
- Hero Background (either blue gradient (XD doc page 7) or image (XD doc page 6) – need web-prepared image)
Add Your Heading Text Here (default sytling)
Add Your Heading Text Here (black heading option)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
SECTION NAME: WHITE
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
SECTION NAME: BLUE
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
SECTION NAME: BLUE PATTERN
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
SECTION NAME: RED
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
SECTION NAME: RED PATTERN
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
PADDING – NORMAL (120px)
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
PADDING – MEDIUM (60px)
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
PADDING – SMALL (30px)
HEADING STYLES - DEFAULTS
Add Your Heading Text Here (h1)
Add Your Heading Text Here (h2)
Add Your Heading Text Here (h3)
Add Your Heading Text Here (H4)
Add Your Heading Text Here (h5)
Add Your Heading Text Here (H6)
HEADING STYLES - SECONDARY OPTIONS
Add Your Heading Text Here (h2)
Add Your Heading Text Here (h2)
Add Your Heading Text Here (h3)
Add Your Heading Text Here (H4)
Add Your Heading Text Here (h5)
Add Your Heading Text Here (H6)
HEADING STYLES - COLOR OPTIONS
White & Gray Backgrounds
Default: Blue
Option: Black
Blue & Red Backgrounds
Default: White
Option: Black