SAC Primary Logo Lightusfs logo

Test Page Template

Primary Content Title H2

Sometimes I want to highlight a sentence or two so I use an H4 in order to create a visual hierarchy in the text.

Content looks best with a split or 2/1 layout. Full width is too wide for most text to be readable. Even if you don't have content for a sidebar, include one anyways and leave it blank.

Sub Title H3

Breaking up text and adding headers goes a long way for making text more digestible and easy to read. Pay attention to spacing, remove any space in the backend. Random spacing (hitting enter after a paragraph) will leave large gaps between content. Lookout for extra spaces below blocks.

Sub Sub Title H4

Two photos looks nice below to finish the page out with some visuals when applicable. Two photos is ideal, three also works well. If you do multiple horizontal block sections, use light to dark for background colors. Darkest at the bottom before the footer.

When you add a layout you should almost always use a Content Block, as many of the other layouts are available within that block, and then you can have a background color.

I have also been using the Callout Block a lot, as it allows me to add a background color and padding around the content. If I really need a button to stand out I will throw it in a callout block.


Call out for an Important Button:


Sidebar Content

Use a callout block here so you can add a background color. If you are going to add images, it is still nice to start with the callout block, some images look better with the color border.

Skinning to the summit



skiing
snowpack pit test