Site structure overview

Categories

We’ve divided pages on our site into the following component categories.

  • Heros
  • Sections
  • Cards
  • Callouts
  • Videos
  • Code

Naming convention

Snippets have been organized and named based on these component categories.
(example):

Category - Refers to the top level component categories above.
Structural indicator - Gives more detail in how the component is built.
Content indicator - Right or left in this case is to indicate which side text content is on.

Snippet categories

Click below for visual reference to each of the snippets.

Hero
  • Carousels
  • Page headers
  • Full width sections
Sections

Majority of our content. 2 and 3 column variations.

Callout
  • Music callout
Video
  • Centered video highlight module.
Code

Code we regularly reuse

  • Anchor
  • Sticky button
Card
  • Card
  • Feature Card
  • Card_alt

Looking for Assets?
Follow this link to the Snippet Asset Folder on our Drive: Asset Library