Grid and Spacing

Internal pages in this template use a responsive grid with an even number of columns – six, four, or two – compressing down to a single column for mobile display. The heights of the header and footer, as well as outer page margins, can be adjusted using custom CSS hacks. The spaces between columns and rows are defined by Squarespace’s defaults and cannot be adjusted.

L E A D I N G
Although designer would prefer to increase or decrease leading based on width of the column, there can only be one measurement for leading specified in this template. Therefore, an amount was specified that looks good for a two- or three-wide column of text. It is not recommended to set a five- or six-wide column of type.

One-wide

This is an example of type that fits into one column. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consectetur, massa a accumsan sagittis, dolor nisi accumsan ipsum, vitae ultricies lectus dolor consequat nisl. Vivamus nec nisi arcu civitas.

Phasellus finibus fringilla purus in feugiat. Etiam ut euismod dolor. Praesent nisl tellus, feugiat vel venenatis in, efficitur id magna.

Two-wide

This is an example of type that fits into two columns. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consectetur, massa a accumsan sagittis, dolor nisi accumsan ipsum, vitae ultricies lectus dolor consequat nisl.

Vivamus nec nisi arcu. Phasellus finibus fringilla purus in feugiat. Etiam ut euismod dolor. Praesent nisl tellus, feugiat vel venenatis in, efficitur id magna. Morbi nec semper purus. Pellentesque quis tortor nisi. Quisque non purus sollicitudin, vulputate nisl a, viverra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consectetur, massa a accumsan sagittis, dolor nisi accumsan ipsum, vitae ultricies lectus dolor consequat nisl. Vivamus nec nisi arcu. Phasellus finibus fringilla purus in feugiat. Etiam ut euismod dolor. Praesent nisl tellus, feugiat vel in, efficitur id magna.

Quisque non purus sollicitudin, vulputate nisl a, viverra leo. Maecenas eu feugiat lectus, non commodo lacus.

Three-wide

This is an example of type that fits into three columns. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse consectetur, massa a accumsan sagittis, dolor nisi accumsan ipsum, vitae ultricies lectus dolor consequat nisl. Vivamus nec nisi arcu.

Phasellus finibus fringilla purus in feugiat. Etiam ut euismod dolor. Praesent nisl tellus, feugiat vel venenatis in, efficitur id magna. Morbi nec semper purus. Pellentesque quis tortor nisi. Quisque non purus sollicitudin, vulputate nisl a, viverra leo. Maecenas eu feugiat lectus, non commodo lacus.

Praesent lobortis, quam ut sollicitudin faucibus, sem justo fermentum enim, quis mattis arcu velit a risus. In in arcu est. Duis eget nibh orci.

Quisque consequat vel dolor at hendrerit. Fusce vitae nibh porta, euismod dui tristique, tincidunt nibh. Proin et sapien convallis nisi vulputate congue. Donec ac auctor justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sagittis posuere viverra. Duis vel rhoncus urna. Pellentesque cursus mattis vulputate. Etiam vulputate sapien a nisi elementum, in vestibulum sem lobortis. Donec quis porttitor quam, a semper quam.

Etiam ipsum massa, maximus ac est ut, egestas facilisis ligula. Nam tincidunt, lorem a elementum mattis, nisl ex convallis lorem, quis est velit id elit.

Headline Level 1

Headline Level 2

Headline Level 3

Normal (Text)