Skip to Main Content

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.
  1. list item 1
  2. Mattis enim ut tellus elementum sagittis vitae.
  3. Sagittis vitae et leo duis ut diam quam nulla porttitor.
  4. Blandit turpis cursus in hac. Enim facilisis gravida neque convallis a cras semper.
  5. 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.

Footnote markup example

When you add a footnotes section, DON’T change to VISUAL, edit only in TEXT mode and save while in text mode.footnote 1 Maecenas accumsan lacus vel facilisis volutpat.

Amet luctus venenatis lectus magna. Ut etiam sit amet nisl purus in mollis. Non enim praesent elementum facilisis leo. Vitae congue mauris rhoncus aenean vel. Enim lobortis scelerisque fermentum dui faucibus in.footnote 2 Mattis enim ut tellus elementum sagittis vitae. Sagittis vitae et leo duis ut diam quam nulla porttitor. Venenatis cras sed felis eget.

Footnotes

  1. Sed turpis tincidunt id aliquet risus feugiat in ante.
  2. Turpis egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor. Senectus et netus et malesuada fames ac turpis egestas maecenas.

Two Column Section

only use h2 or h3 here

Data List

Term
A mote of dust suspended in a sunbeam decipherment consciousness extraordinary claims require extraordinary evidence paroxysm of global death globular star cluster. Something incredible is waiting to be known shores of the cosmic ocean star stuff harvesting

Documents structured using XML or HTML are able to make use of them.

Content Management

The process of collecting, managing and publishing content to various media.

  • column 2
    Quis ipsum suspendisse ultrices gravida.
  • Imperdiet dui accumsan sit amet nulla facilisi morbi tempus.
  • Eget lorem dolor sed viverra.
  1. Vitae suscipit tellus mauris a diam.
  2. Amet consectetur adipiscing elit duis tristique sollicitudin nibh sit amet.
  3. Sem nulla pharetra diam sit amet nisl.
  4. 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.

Buttons - Inline

  • Add Icons using this markup in the Button Text.
  • Can be before or after Headline, in headline field.

Headline

Buttons -- Stacked

  • Use a CTA Section to choose section background color other than grey or white.

Accordions

Add Accordion Items to an Accordion Section.

content here!

Hello!

Back to top

More accordions

answer

Answers!

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.
Button Text

Hidden Features

This should be deprecated. We don’t use it anymore and it’s bad UX.

  • Background color is limited to reduce visual complexity for the charts and graphs and whatnot in the hidden content area.
  • Hidden Features colors will use the site’s primary color.

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

Headline

content field here keep it short…

2 col width box

content field

1 col, 2 rows, no link

No BG image, has link

Headline