BSO Web Style Guide

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

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

Accordian

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

Button Row
Button Row
Image