Emphasized Blocks

2-Panel Emphasized Block and Emphasized Gallery (2 components)

When to Use

JO ..... ... when to use copy needed here 

These are what i would consider... large feature , stand out blocks... not sure how to word it. They should be 2 to maybe 3 or 4 paired together left/right. Since feature can use texture on some.

General

  • No container needed.
  • Variations available.
  • Option to link to a page with more information using a button 

Content Requirements

  • Character limits:
    • H2 headline: 40 characters maximum (with spaces) using title case
    • Body text: 400 characters maximum (with spaces)
  • CTAs: Zero to one. 
    • Button text should be concise (aim for three words or fewer)
    • Lead with action (learn, view, see, find, read, etc.)
    • Use title case for all CTAs

Design Requirements

  • Color/Texture Variations: Choose based on components used before and after the rotator. 
    • Two color choices: cloud, cream
    • Two texture choices: octagon pattern, script
  • 2 Panel Emphasized uses the 1x1 image ratio and the 2 Panel Emphasized Gallery uses the 6x4 image ratio. (BETH LINK THESE TO DAM PAGE)
  • Notes: Don't mix the 2 components together. Pick ONE or the other left/right. 

Quirks & Reminders

  • ERIN/KEVIN - I think this component pulls in with the WRONG SIZE IMAGE  ; one is a 1x1 the other is 6x4
  •  

SEE 4 SAMPLES BELOW

 

ERIN / KEVIN i think this component is built with the wrong FPO Image 

Emphasized is 1x1

Emphasized Gallery is 3 - 4x6 images

Note: First 2 components below are 2-Panel Emphasized Blocks. The next 2 components are 2-Panel Emphasized Gallery. (Typically the Gallery components, goes to detailed photo/gallery pages)

H2 Head 40 Characters Maximum (with spaces)

400 characters with spaces. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suspendisse in est ante in. Nibh tortor id aliquet lectus proin nibh nisl condimentum id. Ipsum magna aliqua faucibus vitae aliquet nec ullamcorper. Lorem ipsum dolor sit aet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

H2 Head 40 Characters Maximum (with spaces)

400 characters with spaces. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suspendisse in est ante in. Nibh tortor id aliquet lectus proin nibh nisl condimentum id. Ipsum magna aliqua faucibus vitae aliquet nec ullamcorper. Lorem ipsum dolor sit aet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Note:  Below are the 2-Panel Emphasized Gallery. (Typically the Gallery components, goes to detailed photo/gallery pages)