Style Guide | Churchome

Style Guide

This document demonstrates every capacity of the Churchome website design system.

Some normal body text

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Secondary Subtitle

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Something Special

It's a narrow, centered, offset color, dramatic statement kind of module. Use sparingly. Exclusively on the about page right now.

Mic drop.

Full width intro, no subtitle. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.

Blockquotes respond differently depending on the presence of different content.
This one is cited. Henry the First
Tweet this to distribute a profound slice of wisdom to your followers. Do something good with your phone for a change. Sassy Friend twitter
Pair a quote with a block of reading. Developed exclusively for the about page, but available anywhere. twitter

Got a minute?

Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this.

Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this. Read this.

Read this. Read this. Read this. Read this. Read this. Done.

Still want more?

Tick Tock

Big links to other pages with text and titles and calls to action that can be overridden to suit their context.

They always alternate back and forth. Starting position depends on the number of rows before the first tick tock on the page.

Same concept as tick tock. Except these are little eclipses that don't demand quite as much visual attention. These require a custom icon to work right.

Quick

Little bits of content, perfect for a 300 or 400 level page, with a form and a couple extra bits of important info. Designed for youth program page details.

Fast

They're quick. See!

Some people

Rich Wilkerson Jr.

Mark Venti

Ministry Executive Pastor

Missions

Jesus is stuff.

Jesus is

Specific Thing Happening

View all Style Guide events