Skip to main content
Design System
Use / Download Contribute

Lede Text

Introduce content on a back page or landing page.

Find a bug? Create an issue.
Have an idea for a new component? Tell us.

Standard Lede Text

Introduced in Version 1.0.0

Feature creep. No scraps hit the floor those options are already baked in with this model strategic high-level 30,000 ft view so baseline the procedure and samepage your department, for quick-win so customer centric.

Do

  • Use compelling messaging.

Don’t

  • Do not use so much copy that the paragraph becomes hard to read.
  • Do not use copy that is boring e.g. a mission statement.

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-lede-text partial to a template.

When Using the Super Template

  • Add a lede-text component to a slot.

Element Styles

  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-lede-text-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.

Lede Text w/Slash

Introduced in Version 1.0.0

Feature creep. No scraps hit the floor those options are already baked in with this model strategic high-level 30,000 ft view so baseline the procedure and samepage your department, for quick-win so customer centric.

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-lede-text partial to a template.

When Using the Super Template

  • Add a lede-text component to a slot.

Element Styles

  • Apply these utility classes to component container:
    bg-wvu-neutral--black text-white helvetica-neue-light text-center h3 wvu-bg-vignetting
  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-lede-text-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.

Lede Text w/Slash and Pattern

Introduced in Version 1.0.0

Feature creep. No scraps hit the floor those options are already baked in with this model strategic high-level 30,000 ft view so baseline the procedure and samepage your department, for quick-win so customer centric.

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-lede-text partial to a template.

When Using the Super Template

  • Add a lede-text component to a slot.

Element Styles

  • Apply these utility classes to component container:
    wvu-bg-vignetting--40 wvu-bg-pattern-blue h3 helvetica-neue-light text-center
  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-lede-text-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.

Lede Text w/Iowan Old Style

Introduced in Version 1.0.0

Feature creep. No scraps hit the floor those options are already baked in with this model strategic high-level 30,000 ft view so baseline the procedure and samepage your department, for quick-win so customer centric.

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-lede-text partial to a template.

When Using the Super Template

  • Add a lede-text component to a slot.

Element Styles

  • Apply these utility classes to component container:
    bg-wvu-accent--burnt-orange h3 helvetica-neue-light text-center wvu-bg-topo-dark
  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-lede-text-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.

Lede Text w/Iowan Old Style Black Italic

Introduced in Version 1.0.0

Feature creep. No scraps hit the floor those options are already baked in with this model strategic high-level 30,000 ft view so baseline the procedure and samepage your department, for quick-win so customer centric.

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-lede-text partial to a template.

When Using the Super Template

  • Add a lede-text component to a slot.

Element Styles

  • Apply these utility classes to component container:
    h2 text-center text-wvu-blue bg-wvu-accent--light-blue
  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-lede-text-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.