Full Width CTA Single Button
Title character limit is 40 and copy limit is 50.

Design

This is the lead in text that we created for content editors to add under certain areas. This is more text to see how the line spacing is.

This page provides an overview of everything available to you for content design:

  • Subheads
  • Image styles
  • Link styles
  • Buttons
  • Tables
  • Accordions
  • Tabs
  • Full-width CTA
  • Text image feature
  • Text video feature
  • Text feature blue
  • Text feature white
  • Content image
  • Content image with caption

Note: all available elements are displayed in each content field.

300x200

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, internal link consectetur adipiscing elit. Aenean bold text (strong) euismod bibendum laoreet. Proin external link gravida dolor italic text (em) sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit link to file. 

 

CTA Title

Insert Copy Text Here
Read More
Insert Copy Text Here
Lorem ipsum dolor sit amet, internal link consectetur adipiscing elit. Aenean bold text (strong) euismod bibendum laoreet. Proin external linkgravida dolor italic text (em) sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit link to file. 

 

 

 

 

 

  1. Numerical Bullets
    1. Numerical sub bullets
    2. Numerical sub bullets 2
    3. Numerical sub bullets 3
  2. Numerical Bullets
  3. Numerical Bullets
    1. Numerical Sub Bullets

 

This is normal bullets

  • Bullets
    • Sub Bullets
    • Sub Bullets 2
    • Sub Bullets 3
  • Bullets
  • Bullers
    •  Sub Bullets

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Two column bulleted list (h2)

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5
  • List Item 6

Unordered list with indentation (h3)

  • Unordered List 1
  • Unordered List 2 Quisque hendrerit scelerisque interdum. Curabitur a nisi convallis quam posuere auraesent sapien odio, laoreet at lacinia
    • Indented Unordered List 1 Lorem ipsum dolor sit amet
    • Indented Unordered List 2 Consectetur adipiscing elit
    • Indented Unordered List 3 Curabitur condimentum blandit diam pharetra
  • Unordered List 3 Curabitur condimentum blandit diam pharetra
test
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

Henry Ford Hospital
2799 West Grand Blvd
Detroit 48202

Various button types types are available to include in the content areas. Each button type has the option to include an arrow.

Default Button

Default Button

Primary Button

Primary Button

Success Button

Success Button

Warning Button

Warning Button

Info Button

Info Button

Three column list (h4)

Column Heading 1 Column Heading 2 Column Heading 3
Styled Table
Column 1 Row 1 Column 2 Row 1 Column 3 Row 1
Column 1 Row 2 Column 2 Row 2 Column 3 Row 2

Unstyled responsive table

Table Heading 1 Table Heading 2
Row 1 Item 1 Row 1 Item 2
Row 2 Item 1 Row 2 Item 2
Row 3 Item 1 Row 3 Item 2
Full Width CTA Single Button
Title character limit is 40 and copy limit is 50.
Image Callout Headline
The heading has a 50 character limit and a 200 character limit for the copy. Image recommendation is 496 x 496px (for square images) or 747 x 496px (for rectangle images). Images scale to fit the width of the 50/50 layout.
CTAFBQA Play
Style Guide Video Callout
Follow the same character count and image size as the image CTA. A video play button will overlay the image (sample video shown here) and will play in a pop-up window. A link may be added below the copy (optional) to link to the video on YouTube or another page.

Lower content copy- H3

Note: all elements available in the content copy are also available in the lower content copy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at nunc orci. Etiam blandit, leo quis vestibulum laoreet, lectus justo rhoncus velit, nec sollicitudin mi dolor a nibh. Integer sed orci augue. Cras euismod, neque a consequat scelerisque, quam nulla aliquet arcu, vel dignissim dolor risus ut odio. Duis in ante cursus, tempor libero a, aliquet lorem. Ut porttitor odio orci, sit amet sodales lacus ultrices tristique. Integer consectetur nunc a molestie faucibus. Duis in diam scelerisque, aliquam nulla eu, dignissim nibh. Vivamus porttitor sem ante, at condimentum lectus ultrices eget. Nunc hendrerit ante quam, non ultrices neque venenatis eget.

 

Lead-In-text in lower content area

  • Accordion Item 1

    Lorem ipsum dolor sit amet, internal link consectetur adipiscing elit. Aenean bold text (strong) euismod bibendum laoreet. Proin external link gravida dolor italic text (em) sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit link to file. 

    Bulleted list (h4)

    • Lorem ipsum dolor sit amet
    • Consectetur adipiscing elit
    • Aenean euismod bibendum laoreet
    • Lorem ipsum dolor sit amet
    • Consectetur adipiscing elit

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Accordion Item 2

    300x200Lorem ipsum dolor sit amet, internal link consectetur adipiscing elit. Aenean bold text (strong) euismod bibendum laoreet. Proin external link gravida dolor italic text (em) sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit link to file.

    Numbered list (h4)

    1. Lorem ipsum dolor sit amet
    2. Consectetur adipiscing elit
    3. Aenean euismod bibendum laoreet
    4. Lorem ipsum dolor sit amet
    5. Consectetur adipiscing elit

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Additionalcontent copy- H4

Lead-In-text in lower content area

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam at nunc orci. Etiam blandit, leo quis vestibulum laoreet, lectus justo rhoncus velit, nec sollicitudin mi dolor a nibh. Integer sed orci augue. Cras euismod, neque a consequat scelerisque, quam nulla aliquet arcu, vel dignissim dolor risus ut odio. Duis in ante cursus, tempor libero a, aliquet lorem. Ut porttitor odio orci, sit amet sodales lacus ultrices tristique. Integer consectetur nunc a molestie faucibus. Duis in diam scelerisque, aliquam nulla eu, dignissim nibh. Vivamus porttitor sem ante, at condimentum lectus ultrices eget. Nunc hendrerit ante quam, non ultrices neque venenatis eget

  • Tab Item 1
  • Tab Item 2

Lorem ipsum dolor sit amet, internal link consectetur adipiscing elit. Aenean bold text (strong) euismod bibendum laoreet. Proin external link gravida dolor italic text (em) sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit link to file. 

Bulleted list (h4)

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Aenean euismod bibendum laoreet
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

300x200Lorem ipsum dolor sit amet, internal link consectetur adipiscing elit. Aenean bold text (strong) euismod bibendum laoreet. Proin external link gravida dolor italic text (em) sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit link to file.

Numbered list (h4)

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Aenean euismod bibendum laoreet
  4. Lorem ipsum dolor sit amet
  5. Consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Blue Text Feature Title
A 50 character limit has been set for the heading, and a 150 character limit has been set for the body, including punctuation.
Learn More
Image Callout Headline

The heading has a 50 character limit and a 200 character limit for the copy. Image recommendation is 496 x 496px (for square images) or 747 x 496px (for rectangle images). Images scale to fit the width of the 50/50 layout.

Image Callout Headline

The heading has a 50 character limit and a 200 character limit for the copy. Image recommendation is 496 x 496px (for square images) or 747 x 496px (for rectangle images). Images scale to fit the width of the 50/50 layout.

Show Me
Henry Ford Health physicians pose at a catheterization lab

Henry Ford Health Leading the Way in Safer Approach to Heart Procedures

Henry Ford Health is outpacing a national trend toward radial access on percutaneous coronary interventions. More than 75% of the health system’s PCIs are performed threading a catheter through the wrist instead of the groin, compared to a national average of 57.5% in 2022, according to research.

View All News

Can Smart Devices Help Diagnose AFib?

Smart watches and fitness trackers don’t just track steps. They’re also valuable tools for identifying and managing heart rhythm disorders like AFib.

How Substance Use Impacts Your Heart Health

Substance abuse can have multiple adverse effects on your heart health - leading to an increased risk for heart attacks, strokes, heart rhythm disorders and more.

View All Blog Posts
Full Width CTA Multiple Buttons
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
X

Cookie Consent

We use cookies to improve your website experience. By using this site, you agree to our Terms of Use. Read our Internet Privacy Statement  to learn what information we collect and how we use it.

Accept All
Dismiss