Patterns

A list of expandable accordion elements, each with a heading and text content.

A list of all posts assigned to this category, tag, or taxonomy.

Intro for archive pages (overview pages) for categories, tags, and taxonomies.

A list of the best-selling products, sorted by popularity.

A clickable list of parent hierarchy levels for quick navigation and orientation.

A list of pages that are subordinate to the current page.

Comment section with a list of all comments and a form for submitting new comments. Comments can be replied to one level deep.

A contact form with all common input fields and form elements.

General contact information such as address, opening hours, and directions. With a map or visual representation.

Contact information and details about a person or a list of people.

A list of products that can be purchased as a complement to other products.

A focused section with a clear call to action. Optionally enhanced with visuals.

A résumé with general information about the person, a list of skills, and a career history.

A donation form from a third-party provider.

A list of files available for download.

Intro section for error pages.

An intro section for the detail page of an event, appointment, or scheduled date.

A list of events, appointments, or scheduled dates.

An overview of facts in the form of text or numbers.

A section in which important content is presented with added visual emphasis.

Ausgewählte Beiträge (sticky, oben gehalten) mit Titel, Bild, Autorin und Verlinkung.

A list of content that can be filtered down using a set of filter criteria.

Globally visible website area displayed on all pages, containing required legal information.

An image gallery with multiple images that can be viewed in full screen.

A linked overview of all letters of the alphabet with anchor links to sections listing detailed content for each letter.

A curated selection of manually chosen products.

Globally visible website area displayed on all pages, containing a logo, various navigation areas of unlimited depth, and a search function.

A list of highlighted products.

Intro for the blog homepage or the front page.

Interview with alternating questions and answers.

A list of jobs, each with a job title and location.

An intro with a strong marketing focus and CTA.

The latest posts with a link to older posts.

A list of logos.

A list of the most recently added products, sorted by date.

Sign-up form for an external newsletter service.

A list of products currently on sale (discounted prices).

Intro section for pages with a heading, introductory text, and optional visual.

A list of automatically loaded (dynamic) or editorially defined (static) page teasers.

Intro section for the detail page of a person, with a photo and additional high-level information.

A list of people, each with an image, name, description, and contact details.

The author of the post, with an image (Gravatar), name, description, and contact details.

Intro section for posts with a heading, introductory text, and optional visual.

Links to the previous and next post.

A chronological list of all posts with a link to older posts.

A comparison of various pricing or subscription options.

A process visualization with milestones in a defined sequence.

A list of all products assigned to this category, brand, tag, or product taxonomy.

Product detail tabs displaying description, attributes, and customer reviews for a single product.

Single product intro section with image gallery and sticky product details panel including price, add-to-cart, and meta information.

A list of products filtered by a specific brand.

A list of products filtered by a specific category.

A list of products filtered by a specific tag.

Anchor links to the content sections of the same page.

A list of thematically relevant posts. Assignment is automatic based on matching categories.

A list of products related to the currently viewed product.

Free text area with all common text elements and formatting options, as well as the option to insert images.

Intro section for search results with an input field for performing a new search.

Results list of found pages including pagination.

Buttons for printing or sharing the website via the operating system’s native sharing functionality.

A list of pages at the same structural level.

A manually selected product.

The content sections of the same page can be accessed via tabs. Only one content section can be displayed at a time.

A list of selected customer testimonials.

A list of the highest-rated products, sorted by customer rating.

An entry point into key topics, categories, or taxonomies.

A list of higher-value products presented as alternatives to another product.

A video section with an optional transcript.