Primary Page

Examples

The Primary template is a bold presentation that uses a large Marquee, paired with an introduction Section and Social Feed, to capture the attention of users. It is most effective as a homepage or a landing page, and can be customized with components to further enhance the experience.

Header
Hero
Section
Card
Card
Card
Footer
Header
Hero
Section
Card
Card
Footer
Header
Hero
Section
Card
Card
Footer

Components

Box

General purpose flexible box layout. This supports many, but not all, of the flexbox capabilities.

Card

An annotated summary of something. This could be used on a home/marketing page to provide snippets of content that the user can click through for more detail. Or, as search result items. All properties are optional and can be mixed and matched as needed.

Footer

Put things at the bottom.

Header

Combines Title and Menu elements responsively.

Hero

A Hero image or video, overlaid with text.

Section

A standard HTML5 section. It might contain a Heading, one or more Paragraphs, Images, and Videos.