Web Style Guide

Image

H1 Example Header Blue - Level 3 Page

Anchor Link
Anchor Link
Anchor Link
Anchor Link

H2 Example Section Header

H2 Settings: Font Size: 2.2 em, Larsseit, Spacing: .02 em, Height 1.4 em, Uppercase, Margin Bottom .4 em. Mobile: Font Size: 1.8 em, Spacing: .02 em, Height 1.2 em, Uppercase, Margin Bttm .4 em.

Paragraph 1: Larsseit, 1.2 em, align left. Mobile: Larsseit, 1 em, Spacing: 1.6 em

Image

H3 Example Subhead

H3: Font-Size 1.8 em, Spacing .04 em, Height 1.4 em, Uppercase, Margin Bottom .4 em. Mobile: Font-Size 1.6 em, Height 1.2,

Paragraph 2: Larsseit, 1 em. Mobile: Larsseit, 1 em, Spacing: 1.6 em, Margin Bttm 2 em. Mobile: .8 em.

Button
Button

H3 Example Subhead

Button: Margin top/bttm 1 em,  Padding top/bttm .5 em, padding left/right .85 em, Font: Inherit, 500, size 1 em, Uppercase. Mobile: Max-width 100%,

Button TextButton Subtext
Button TextButton Subtext
Image

Directory Elements: Photo Buttons

H2 Settings: Font Size: 2.2 em, Larsseit, Spacing: .02 em, Height 1.4 em, Uppercase, Margin Bottom .4 em. Mobile: Font Size: 1.8 em, Spacing: .02 em, Height 1.2 em, Uppercase, Padding Bttm 1 em.

Button TextButton Subtext
Button TextButton Subtext
Button TextButton Subtext

50/50 Row at 100%, for working within a row.

Button Row
Button Row
Image

accordians

Directory Elements: Photo cards

Card Title

Card title text paragraph.

Call to Action

Card Title Mobile

Card back text mobile.

Call to Action Mobile

Card Title

Card title text paragraph.

Call to Action

Card Title Mobile

Card back text mobile.

Call to Action Mobile

Card Title

Card title text paragraph.

Call to Action

Card Title Mobile

Card back text mobile.

Call to Action Mobile

Card Title

Card title text paragraph.

Call to Action

Card Title Mobile

Card back text mobile.

Call to Action Mobile

Upcoming Event Cards

Image

Concert Title
DATES

Buy Tickets
Image

Concert Title
DATES

Buy Tickets
Image

Concert Title
DATES

Buy Tickets
Image

Concert Title
DATES

Buy Tickets

Call out row with call to action button.

Example Call Out Button

Example call out box 80% width, 100% on Mobile

Quote, CTA etc

Benefit Headline

Subheadline

Benefit Headline

Subheadline

Benefit Headline

Subheadline

Benefit Headline

Subheadline

Benefit Headline

Subheadline

Benefit Headline

Subheadline

*Subject to availability