Lism Patterns

Fully styled hero sections placed at the top of a page. See Layout Demos when you need the bare structure instead.

General-purpose section structures that are not tied to a specific use case. Examples of combining headings, body text and images.

Sections that line up the features or highlights of a service or product.

Sections that lay out pricing plans for comparison.

Collections of links with images and descriptions that guide visitors to related pages and recommended content.

Sections for company profile and About pages: greetings, history and basic information.

Sections that introduce team members or staff as a list.

Sections that showcase customer voices and reviews.

Sections that collect frequently asked questions and answers. Use dl, dt and dd to express the question-answer relationship.

Sections that showcase news, blog posts, portfolio works and other entries.

Sections explaining the steps to get started or use a service.

Sections that prompt the next action, such as making an inquiry or signing up.