Patterns @ 10px – Spectra – Narrow
Sample Elements and Guidelines for Page-building in WordPress
D. Narrow
Narrow Left and Narrow Centered.
Narrow Inline – One Column – Left-Aligned
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu. Magnis blandit donec laoreet maximus quis nulla. Eleifend duis quam non phasellus ullamcorper ex consectetur montes habitant. Netus cubilia tortor libero, pulvinar fermentum nisl scelerisque quis. Natoque potenti enim mus viverra proin etiam suspendisse urna praesent.
Subheading
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu. Magnis blandit donec laoreet maximus quis nulla. Eleifend duis quam non phasellus ullamcorper ex consectetur montes habitant. Netus cubilia tortor libero, pulvinar fermentum nisl scelerisque quis. Natoque potenti enim mus viverra proin etiam suspendisse urna praesent.
Narrow Inline – Two Column – Left-Aligned
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu.
Subheading
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu. Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu.
Narrow Inline – One Column
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu. Magnis blandit donec laoreet maximus quis nulla. Eleifend duis quam non phasellus ullamcorper ex consectetur montes habitant. Netus cubilia tortor libero, pulvinar fermentum nisl scelerisque quis. Natoque potenti enim mus viverra proin etiam suspendisse urna praesent.
Subheading
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu. Magnis blandit donec laoreet maximus quis nulla. Eleifend duis quam non phasellus ullamcorper ex consectetur montes habitant. Netus cubilia tortor libero, pulvinar fermentum nisl scelerisque quis. Natoque potenti enim mus viverra proin etiam suspendisse urna praesent.
Narrow Inline – Two Column
Optional section introduction.
Column Wrapper
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu.
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu.
Narrow Boxed – One Column
Optional section introduction.
Subheading
Use this element for introductory paragraphs or callout blocks. Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu.
Narrow Boxed – Two Column
Optional section introduction.
Subheading
Lorem ipsum odor amet, consectetuer adipiscing elit. Nam risus sit maximus tristique, diam efficitur. Primis vitae platea laoreet lobortis luctus praesent eu.
Narrow Boxed – Two Column Full-Bleed
Optional section introduction.
Subheading
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.