Style Guide

Join us here every Sunday from the comfort of your own home.

Heading 1 (h1) Link

Ulorum suffragio omnium nominati sunt. Duo Reges: constructio interrete. This is a link. Lorem ipsum dolor sit hover link amet, consectetur adipiscing elit. Aenean pulvinar tempus velit, in suscipit nibh rhoncus eget. In dictum id erat lacinia tristique. Nulla condimentum ullamcorper arcu ac commodo. Vivamus id metus non neque tincidunt fringilla.

Heading 2 (h2) Link

Heading 3 (h3) Link

Heading 4 (h4) Link

Heading 5 (h5) Link

Heading 6 (h6) Link

Primary Font Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Secondary Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Accent Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Pairings

THESE LOOK GREAT TOGETHER

Subtitles are Good Too

Break up the Content

Another Pairing

Break up the Content

Ulorum suffragio omnium nominati sunt. Duo Reges: constructio interrete. This is a link. Lorem ipsum dolor sit hover link amet, consectetur adipiscing elit. Aenean pulvinar tempus velit, in suscipit nibh rhoncus eget. In dictum id erat lacinia tristique. Nulla condimentum ullamcorper arcu ac commodo. Vivamus id metus non neque tincidunt fringilla.

Default Column Gaps

Second Column

There are 5 different button styles for you to choose from. Some sizes work best on light backgrounds and others on dark backgrounds.

For Use On Light Background

For Use On Dark Background

Toggles

Toggle Number One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Toggle

Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordions

Accordion #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tabs

Tab Number 1

Second Tab Here

Tab Three

Tab Number 1

Second Tab Here

Tab Three

Dark BG Toggles

Toggle Number One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Second Toggle

Dark BG Accordions

Accordion #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Dark BG Tabs

Tab Number 1

Second Tab Here

Tab Three

Tab Number 1

Second Tab Here

Tab Three

Example Title

Test info goes here.

Important Information

Lorem ipsum dolor sit amet consectetur adipiscing.

Get More InFo

Example Title

Important Information

Lorem ipsum dolor sit amet consectetur adipiscing.

Get More InFo

Example Title

Important Information

Lorem ipsum dolor sit amet consectetur adipiscing.

Get More InFo

Slide 1 Heading

Lorem ipsum dolor sit amet.

Click Here

Slide 2 Heading

Lorem ipsum dolor sit amet.

Click Here

Slide 3 Heading

Lorem ipsum dolor sit amet.

Click Here

Previous slide

Next slide

Office Info

St. Paul's Lutheran Church & School

Connect and engage

St. Paul's App

Access worship items, fill out notes, give offerings, and livestream services all from your phone with our all-in-one app!

Sunday Morning

Kids Club Registration

Experience fun, Christian education with
St. Paul’s Kids Club on Sunday mornings, September to May.

Style Guide

Join us here every Sunday from the comfort of your own home.

Heading 1 (h1) Link

Heading 2 (h2) Link

Heading 3 (h3) Link

Heading 4 (h4) Link

Heading 5 (h5) Link

Heading 6 (h6) Link

Primary Font Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Secondary Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Accent Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading Pairings

THESE LOOK GREAT TOGETHER

Subtitles are Good Too

Break up the Content

Another Pairing

Break up the Content

Default Column Gaps

Second Column

For Use On Light Background

For Use On Dark Background

Toggles

Accordions

Tabs

Dark BG Toggles

Dark BG Accordions

Dark BG Tabs

Example Title

Important Information

Example Title

Important Information

Example Title

Important Information

Office Info

St. Paul's Lutheran Church & School

Connect and engage

St. Paul's App

Sunday Morning

Kids Club Registration

© 2024 | St. Paul's Lutheran Church & School | All Rights Reserved

St. Pauls

Traditional Worship

The Bridge at St. Paul's

Contemporary Worship

The Bridge MKE

Contemporary Worship

St. Paul’s Lutheran School

Thanksgiving Break November 27-29