Page Headline (Large header)
Check readability against the background image. Best when Headline is Left & CENTER, Header Size Large.
Once Column Section Headline
If this is the first section on a page, the title will be an H1 and match the style for nova header simple. Set padding-top to NONE. If there is a Nova Header section above it, this will be rendered as an H2.
Heading typography:
H1 in page content- this shouldn’t ever be used…
H2 H2
Cosmos Jean-François Champollion trillion culture vastness is bearable only through love rich in heavy atoms. Permanence of the stars tingling of the spine stirred by starlight preserve and cherish that pale blue dot descended from astronomers as a patch of light. Permanence of the stars extraordinary claims require extraordinary evidence a still more glorious dawn awaits brain is the seed of intelligence not a sunrise but a galaxyrise are creatures of the cosmos.
H3 H3
Permanence of the stars extraordinary claims require extraordinary evidence a still more glorious dawn awaits brain is the seed of intelligence not a sunrise but a galaxyrise are creatures of the cosmos.
H4 H4
do we ever use h4’s?
H5 H5
or h5’s?
- list item 1
- Mattis enim ut tellus elementum sagittis vitae.
- Sagittis vitae et leo duis ut diam quam nulla porttitor.
- Blandit turpis cursus in hac. Enim facilisis gravida neque convallis a cras semper.
- Varius quam quisque id diam vel quam elementum pulvinar etiam.
- list item 1
- Mattis enim ut tellus elementum sagittis vitae.
- Sagittis vitae et leo duis ut diam quam nulla porttitor.
- Blandit turpis cursus in hac. Enim facilisis gravida neque convallis a cras semper.
- Varius quam quisque id diam vel quam elementum pulvinar etiam.
Mauris augue neque gravida in fermentum et. Eget est lorem ipsum dolor sit amet consectetur adipiscing. Nec ullamcorper sit amet risus nullam eget.
Two Column Section
only use h2 or h3 here
- column 2
Quis ipsum suspendisse ultrices gravida. - Imperdiet dui accumsan sit amet nulla facilisi morbi tempus.
- Eget lorem dolor sed viverra.
- Vitae suscipit tellus mauris a diam.
- Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit amet.
- Sem nulla pharetra diam sit amet nisl.
- Elit pellentesque habitant morbi tristique senectus et netus et malesuada.
Features - Large
- Large Features will always have the icon centered. Alignment is not applied.
- Use MEDIUM Features if you want to have the icon on the left or right of the text.
- Displays max of 3 in a row.
- Leave the individual Description field empty unless ALL of them have description text. It just looks better.
Features - Medium
- Choose the icon alignment: Icon Left or Icon Right.
- Use LARGE Features if you wan to have the Icon Centered
Features - Small
- Small Features are always centered, the alignment is not applied here.
- Long Headlines are strongly discouraged.
- Leave the individual Description field empty unless ALL of them have description text.
- USE Medium Features or a Buttons Section if you want these to be aligned left or right.
Call To Action
This text is centered by default. If this text is more than one short sentence, make sure you open the editor and select the text and apply text-align left so it is actually READABLE for humans.
- CTA Sections have more background color choices, and only 1 button.
- The button will always be centered.
- The button color is determined by the section background color you select.
Accordions
Add Accordion Items to an Accordion Section.
content here!
Hello!
Boxes (In Progress)
Don’t use for now…
Section has:
- 3 or 4 columns
- White or Light Grey Background
Boxes can be:
- 1 or 2 rows in height
- have a background image or none
- Optional Link
- Choice of background colors
- Can have a link or not