Stat Card

• Background color or background image
• Top border
• Stat text sizes
• Stat color
• Body text sizes
  
  • Body text color can be chosen manually within TinyMce

Notes

• links in the body text will be the Summer Nights blue unless a different color is chosen manually within the TinyMce.
• The Stat counter works best when it below the fold on the page the counter the starts when the page scrolls.

Guidelines For Use

1. Max characters are meant for full width page layouts, as 2 col + 3 col are going away. If these are placed on 2 column page layouts, please use fewer digitsor a smaller text size to accommodate for less width.

   1. Stat max character count is 7 (ex., 6 numbers and 1 $)

   2. Body text max character count should be around 200 (but input will allow for more to add for formatting and links)

2. When cards are 4-up at Desktop

   1. Stat text size - use small size (medium could fit for low digit count)

   2. Body text size - use discretion based on text amount (cards can get very long at smaller widths)

   3. Card at mobile must be 2-up or 1-up

3. When cards are 3-up at Desktop

   1. Stat text size - use medium or small (large could fit for low digit count)

   2. Body text size - use discretion

   3. Card at mobile must be 2-up or 1-up

4. When cards are 2-up at Desktop

   1. Stat text size - can be any size (small, medium or large)

   2. Body text size - use discretion

   3. LARGE cards must be 1-up at MOBILE

      1. This is because the text size is designed to be large, and therefore wouldn’t fit on 2-up at mobile)