Pattern Library

The Matchbox pattern library comprises accessible and fully responsive page sections built using the Kindling design system.


Overview

Building on the Kindling components, the pattern library provides everything you need to build a beautiful website.

Page sections

  • Heros
  • Features
  • CTAs
  • Headers
  • Stats
  • Testimonials
  • Blogs
  • Team
  • Content
  • Logo Clouds
  • FAQs
  • Footers
  • Banners

Full-page layouts

While the pattern library is mostly page sections, we’ve built full-page layout patterns that can be used as starters when adding a new page or post in WordPress.

Core Kindling patterns

The Kindling WordPress theme ships with a curated list of

  • Home Page Hero โ€“ A high-impact section at the top of the home page featuring a looping video, bold headline, supporting text, and a CTA to drive engagement.
  • Visual Hero (Page Header – Hero) โ€“ A large, visually driven header section with an image or background graphic.
  • Basic Hero (Page Header – Simple) โ€“ A simple, text-based header with a button.
  • Content Centered (Section header) โ€“ A centered text block, often used for introductions or key messaging areas where a single idea is highlighted.
  • Split Content with image (formerly 50/50) โ€“ A balanced layout with text on one side and media on the other.
  • Split content โ€“ A balanced layout with multiple columns of text.
  • Card โ€“ Clickable content blocks used to link out to other landing pages.
  • Featured Content โ€“ A visual section used to highlight a large group of pages (technologies, industries, etc.) and provide links to these pages.
  • Icon Grid โ€“ A structured layout featuring icons with headlines and short descriptions.
  • Testimonial/Case Study Slider ( Testimonial/Case Study) โ€“ A rotating slider showcasing customer testimonials or case studies which can display a video or a static image.
  • Client Logo Bar (Logo Cloud)โ€“ A section displaying client logos to build trust and demonstrate industry expertise.
  • Featured Articles โ€“ A section highlighting recent or relevant articles.
  • Stats โ€“ A visually engaging section displaying key statistics or metrics.
  • FAQs โ€“ A structured, collapsible section for frequently asked questions.
  • CTA โ€“ Strategically placed buttons or forms encouraging users to take the next step, such as contacting StreamTech or submitting a form.

Matchbox pattern library

๐Ÿ’ฌ Feedback

Submit Feedback

Upload a screenshot to help illustrate your feedback.