Pattern Library - Banners — S4DC

Usage

Must be first item on page which automatically:
- Places it behind the logo and navigation
- Makes it taller than Secondary Banner
Image dimensions: 1445 × 963px
Examples in _banner_intros_source.psd
Image must be dark background. In Photoshop put a layer over your image filled with #231f20 with 75% opacity.

Secondary Banner

Usage

Image only. No text within.
All banners that are not the first one on the page inherit this smaller height.
Image dimensions: 1445 x 600px
Image must be dark. In Photoshop put a layer over your image filled with #231f20 with 75% opacity.
Examples in _banners-source.psd

How to add instance

Duplicate page: "_Template - Banner - Secondary"
Rename
Click "Start Editing"
Click "Save" (leave text blank)
Drag to your index page

Banner/Text Combo

Usage

This is a "Secondary Banner" followed by a "Section Header and Content"

How to add instance

Duplicate page: "_Template - Section Header and Content"
1. Rename in sidebar
Duplicate page: "_Template - Banner - Secondary"
1. Rename
2. Click "Start Editing"
3. Click "Save" (leave text blank)
Drag each into an Index page.