Section
Intro
A copied section band. Paste it in, then own every line: it never upgrades under semver.
How the work lands
Evidence before claims
A short lede that sits under the section heading and sets up the band that follows.
Band body follows the shared intro. Replace this paragraph with your own composition.
{% comment %}
SECTION / intro: the shared section-intro class contract (#695).
WHEN TO USE THIS. Any quiet marketing band composed on `.bw-section` /
`.bw-section__inner` that needs an optional overline, a section heading
and an optional lede, without inventing a site heading class. Named
marketing includes may use the same classes (see `_outcomes.html`) or the
helper `{% include "brickwork_marketing/components/_section_intro.html" %}`.
Primary API is the class contract (matching `_section.html`). This example
authors the `.bw-section` shell in markup and fills the intro via the
helper include so both surfaces are exercised.
Type roles: overline, heading-section, body-lg. Prefer the
`.bw-section__intro` wrapper when stacking more than one piece.
States: none.
Accessibility: the heading is an <h2>; overline and lede are <p>.
Responsive: no breakpoint switch; type roles are fluid via tokens.
{% endcomment %}
<section class="bw-section">
<div class="bw-section__inner">
{% include "brickwork_marketing/components/_section_intro.html" with overline="How the work lands" heading="Evidence before claims" lede="A short lede that sits under the section heading and sets up the band that follows." %}
<p>Band body follows the shared intro. Replace this paragraph with your own composition.</p>
</div>
</section>
Details
| Kind | Section |
|---|---|
| Used in | None (a document skeleton, used everywhere) |
Composed from
| Template | Description |
|---|---|
brickwork_marketing/components/_section_intro.html |
A shared overline, heading, and lede stack for a marketing section. |