Components

Reusable building blocks for modern WordPress sites.

Precursor includes a carefully curated collection of lightweight components designed to be semantic, reusable, and easy to customize through child themes.

Hero Panels

Create strong first impressions.

Hero Panel

Hero Panels provide an elegant way to introduce pages, products, and important content.

Primary Action

Panels

Flexible content containers.

Default Panel

General purpose content container.

Muted Panel

Perfect for supporting information.

Outline Panel

Clean, minimal presentation.

Large Panel

Designed for featured content and longer copy.

Callouts

Communicate important information.

Information callout.

Success callout.

Warning callout.

Danger callout.

Buttons

Simple, consistent actions.

Primary Button Outline Button

Typography

Readable by default.

Heading One

Heading Two

Heading Three

Precursor emphasizes readable typography, generous spacing, and semantic HTML.

Good design starts with good structure.

<section class="precursor-panel">
    ...
</section>

Framework Philosophy

Everything has a purpose.

Every component in Precursor exists because it solves a common problem while remaining lightweight, semantic, and reusable.

Remember: Components should enhance HTML—not replace it.