Patterns @ 10px – Spectra – Full-Bleed
Sample Elements and Guidelines for Page-building in WordPress
C. Full-Bleed
Patterns where the background extends to fill the whole window.
Full-Bleed – Two Column
Width of Column Content container = Content area / 2 – padding left and padding right (ex. 540 px). Set parent container to align items: flex-end.
Subheading
Width of Column Content container = Content area / 2 – padding left and padding right (ex. 540 px). Set parent container to align items: flex-start.
Full-Bleed – Image Left
For full-bleed images, set the image as the background of the column container. Be sure to set a manual height on mobile when the columns stack.
Full-Bleed – Image Right
For full-bleed images, set the image as the background of the column container. Be sure to set a manual height on mobile when the columns stack.
Hero
Patterns @ 10px – Spectra – Full-Bleed
Narrow Left and Narrow Centered.