divider statement transition editorial quote divider statement rhetorical question transition editorial separator section transition statement centered divider text between sections
Statement Divider
Fetch pattern JSON:
curl https://webspire.de/patterns/divider/statement.json statement.html
<section class="ws-divider py-16">
<div class="mx-auto max-w-4xl px-6">
<div class="border-y border-[var(--ws-divider-color)] py-10 text-center">
<p class="mx-auto max-w-2xl text-2xl font-light tracking-tight text-[var(--ws-divider-text)] sm:text-3xl">
What matters is not more surface area, but a <span class="font-semibold text-[var(--ws-divider-accent)]">clearer signal</span>.
</p>
</div>
</div>
</section>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Stable Published
dividerstatementtransitioneditorialquote
Slots
| Name | Required | Description |
|---|---|---|
| statement | Yes | Centered line of text, optionally with one emphasized word or phrase. |
Use this when a plain horizontal rule is too weak, but a full callout would be too loud. It gives a section break editorial weight without becoming another big content block.