This page demonstrates patterns intended for use landing pages. These patterns should be used with the Landing Page template: an edge-to-edge page with no sidebar. You can switch a page’s template by opening the Page Settings Sidebar. Click “Template” to change to a different template.

These patterns are not designed to be placed in sidebar pages.

Landing Starter Row

You can use this basic landing row to build an almost infinite amount of design combinations for landing page rows. To keep the building block simple, it has only the necessary wrappers and padding, and includes one Section Intro pattern.

Landing Starter Row, White Rounded

This foundational pattern is identical to the Landing Starter Row above, but has a very light gray background and its content is wrapped in a rounded group.

This is a common motif in the Seventy design, so it’s provided here as an easy starter piece.

Optional Superhead

Headline to Introduce This Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed blandit mi, sed lacinia justo. Duis ipsum sem, interdum et dictum ac, pulvinar et nulla. Morbi non euismod lorem. Donec vitae tempor nibh. Pellentesque consectetur dictum mauris. Sed lacinia ex tempus, feugiat eros et, scelerisque lectus.

Timelapse view of Philadelphia City Hall at night from median of street with streetlights and traffic headlights.

Icon Definition List

Definition Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt, ligula vel iaculis mattis, massa nibh semper elit, in convallis elit nulla dictum lacus. Aenean sed lorem semper, volutpat lectus ac, sollicitudin ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non enim odio.

How We Do It

Definition Headline

How We Do It

Two Column with Feature List and Textured Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis tellus lacinia, interdum purus sed, pulvinar massa. Mauris venenatis elit ligula, non congue urna mattis in. Donec luctus lacus id leo fringilla, id elementum odio lacinia. Curabitur purus arcu, sagittis nec tortor id, mattis rutrum augue.

Feature Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis tellus lacinia, interdum purus sed, pulvinar massa.

Feature Item

Mauris venenatis elit ligula, non congue urna mattis in. Donec luctus lacus id leo fringilla, id elementum odio lacinia.

Feature Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis tellus lacinia, interdum purus sed, pulvinar massa.

Call to Action

View of a metal sculpture from below with buildings and sky visible through it. The sculpture pieces are attached overhead like an arbor, and are multi-colored.

Landing Row with Media Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam congue luctus lacinia. Praesent eu auctor neque, eu finibus lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Curabitur felis lorem, sagittis quis elit eu, condimentum ultricies purus. Pellentesque ut placerat neque. Phasellus dictum, mauris sed commodo congue, libero augue lobortis est, non pharetra turpis justo sed lacus. Vestibulum finibus ante non nulla dapibus, in vehicula eros viverra.

Integer a scelerisque elit, ut luctus mauris. Maecenas eu orci posuere nisi varius gravida nec in magna. Nam nec lorem lectus. Proin placerat odio sed erat consequat, in tempus neque ornare. Nullam malesuada libero placerat tortor porttitor, sit amet volutpat nunc ultricies. Cras ac mi sit amet ante hendrerit pretium eu sit amet lectus.

LOVE art sign in Philadelphia's Love Park / JFK Plaza at dusk with streetlights and buildings visible in background.

Benjamin Franklin Bridge in Philadelphia seen through maple trees with glowing sunlight in background. A boardwalk and benches are visible in the foreground.

Column One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus erat orci, aliquet non velit eget, eleifend condimentum nisi. Aliquam nec tempus tortor.

Column Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus erat orci, aliquet non velit eget, eleifend condimentum nisi. Aliquam nec tempus tortor.

Simple Row CTA with Icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ligula arcu, viverra id orci et, euismod faucibus ante. Integer eros nulla, lacinia id purus sed, viverra vehicula dolor.

Call to Action

Section Intro

Section intro paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus erat orci, aliquet non velit eget, eleifend condimentum nisi. Aliquam nec tempus tortor.

1,000