Skip to main content

Ledes

Version: 0.9.0
Edit

An introductory section of your webpage to entice the user to read the full page. The component consists of a block of text that is styled slightly larger than body text and uses a light font-weight.

Lede

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/ledes.scss#L9

Lede Title

Lede copy. Bacon ipsum dolor amet pariatur pastrami nisi rump, sirloin drumstick chuck in. Proident incididunt rump labore, t-bone ribeye kevin. Landjaeger anim et kielbasa drumstick cow ut. Culpa elit aliqua spare ribs irure.

<!-- lede -->
<div class="c-lede">
  <h2 class="c-lede__title">Lede Title</h2>
  <p class="c-lede__copy">Lede copy. Bacon ipsum dolor amet pariatur pastrami nisi rump, sirloin drumstick chuck in. Proident incididunt rump labore, t-bone ribeye kevin. Landjaeger anim et kielbasa drumstick cow ut. Culpa elit aliqua spare ribs irure.</p>
</div>

Inset Lede

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/components/ledes.scss#L30

Lede Title

Lede copy. Bacon ipsum dolor amet pariatur pastrami nisi rump, sirloin drumstick chuck in. Proident incididunt rump labore, t-bone ribeye kevin. Landjaeger anim et kielbasa drumstick cow ut. Culpa elit aliqua spare ribs irure.

<!-- inset lede -->
<div class="c-lede c-lede--inset">
  <h2 class="c-lede__title">Lede Title</h2>
  <p class="c-lede__copy">Lede copy. Bacon ipsum dolor amet pariatur pastrami nisi rump, sirloin drumstick chuck in. Proident incididunt rump labore, t-bone ribeye kevin. Landjaeger anim et kielbasa drumstick cow ut. Culpa elit aliqua spare ribs irure.</p>
</div>