Ready-made sections you drop into a page: heroes, feature grids, pricing, testimonials, and more. Each one is a real, accessible composition of AWT blocks. Open any pattern to try it live in both color schemes and see the blocks it is built from.
Hero
A centered hero: an eyebrow line, a headline, a short paragraph, and a main button.
Open the Hero pattern
Feature grid
A three-column grid of features, each with an icon, a heading, and a line of text.
Open the Feature grid pattern
Stats bar
A row of four statistics: big numbers with short labels underneath.
Open the Stats bar pattern
Testimonial
A customer quote with a name and title, set in a serif for an editorial feel.
Open the Testimonial pattern
Pricing table
Three pricing tiers side by side, with a feature-comparison table below.
Open the Pricing table pattern
Team grid
A three-column team grid with a photo, name, and role for each person.
Open the Team grid pattern
FAQ accordion
A heading and a collapsible list of questions and answers.
Open the FAQ accordion pattern
Newsletter signup
A heading, a line of text, an email field, and a submit button.
Open the Newsletter signup pattern
Contact form
A single-column contact form: name, email, message, and submit.
Open the Contact form pattern
Call-to-action section
A centered call to action: a headline, a line of text, and a button.
Open the Call-to-action section pattern
Card
A content card: a heading, body text, and an optional action at the bottom.
Open the Card pattern
Error messages
Error messages, inline and page-level, with clear wording that says what went wrong and what to do next.
Open the Error messages pattern