Pattern library

Every finished section and page that ships inside the theme, on one page, in order. The same patterns are in the editor under Patterns → WP Bridge, and the AI places any of them by name.

01 — Hero — full-width slider — hero-slider

Your headline goes here

One sentence that says what you do and who it is for. Keep it short — this is the first thing a visitor reads.

Get started

A second slide, same shape

Every slide carries one message. Add or remove slides freely — the dots and arrows follow along by themselves.

Learn more

A third slide if you need one

Give each slide the same height so the hero never jumps as it moves between them.

See our work

And a fourth

Three or four slides is plenty. Past that, visitors stop waiting to see the rest.

Contact us

02 — About — image beside text — section-about

About us

Two or three sentences about who you are and why someone should trust you. Say it plainly — this is the paragraph most visitors actually read.

A second short paragraph for the detail that supports the first: how long you have been doing this, who you do it for, what makes it different.

Our services

One line introducing what you offer. Replace each card below with a real service.

First service

A sentence or two describing this service in the words a customer would use.

Learn More

Second service

Keep every card about the same length so the rows stay even.

Learn More

Third service

Say what the customer gets, not how the work is done internally.

Learn More

Fourth service

Add or remove cards freely — the grid reflows by itself.

Learn More

Fifth service

Every card links to its own page with the button underneath.

Learn More

Sixth service

Six cards make two tidy rows of three.

Learn More

View all services

04 — Services — card slider — section-services-slider

Our services

One line introducing what you offer. Replace each card below with a real service.

First service

A sentence or two describing this service in the words a customer would use.

Second service

Keep every card about the same length so the row stays even.

Third service

Say what the customer gets, not how the work is done internally.

Fourth service

Add or remove cards freely — the layout and the dots follow.

Fifth service

Every card can link to its own page with the button underneath.

Sixth service

Six is a comfortable maximum for one row of services.

05 — Why choose us — three strengths — section-why-choose-us

Why choose us

Experience

The single strongest reason to choose you, in one sentence.

People

The second reason. Concrete beats impressive: a number, a guarantee, a name.

Availability

The third reason. Three is the right number here — more and none of them lands.

06 — Features — grid on desktop, slider on phone — section-grid-to-slider

What we offer

A row of features that stays a grid on larger screens and turns into a swipeable slider on phones, so it never becomes a long scroll.

First feature

A short description of this feature.

Second feature

Keep the descriptions a similar length.

Third feature

Say one thing per card and say it plainly.

Fourth feature

Add or remove cards without touching the layout.

Fifth feature

Every card can carry its own icon.

Sixth feature

Six cards make two tidy rows of three.

A larger grid works the same way

A grid of any shape can switch: this one wraps over several rows on a wide screen and becomes one row of slides on a phone.

Item one

Replace with your own short description.

Item two

Replace with your own short description.

Item three

Replace with your own short description.

Item four

Replace with your own short description.

Item five

Replace with your own short description.

Item six

Replace with your own short description.

Item seven

Replace with your own short description.

Item eight

Replace with your own short description.

07 — Testimonials — quote slider — section-testimonials-slider

What our customers say

“A real sentence from a real customer, in their own words. Short quotes are the ones people finish reading.”

First customer

Role or company

“A second quote. Specific praise beats general praise — what changed for them, not how nice you are.”

Second customer

Role or company

“A third quote. Quotes of uneven length are fine — the cards line up by themselves.”

Third customer

Role or company

“A fourth quote. Use the customer’s real name and role wherever they allow it.”

Fourth customer

Role or company

“A fifth quote. Three to six reviews is enough; past that nobody keeps sliding.”

Fifth customer

Role or company

08 — Tiles — four across, autoplaying — section-tiles-slider

Trusted by

A compact row of small items — partners, certifications or features — that keeps moving on its own and pauses the moment a visitor touches it.