United Dairy Industry of Michigan
  • About
  • Producers
    • Dairy Promotion At Work Newsletter
    • Dairy Talk Webinars
    • Board Mentor Program
    • About UDIM
    • Dairy Promotion Grant Program
      • Application
      • Grant Tips
      • Grant FAQ
      • Grant Photo Examples
      • Dairy Promotion Grant Guidelines
    • Promotion Update
  • Contact
twitter iconinstagram icon
  • Food &
    Nutrition
  • Sports
    Nutrition
  • Health
    Professionals
  • Schools &
    Educators
    • Coaches
    • Educators
      • Nutrition Education
        • Access Resources by Grade Level
          • Elementary School Resources
          • Middle School Resources
          • High School Resources
      • Fuel Up to Play 60
        • Michigan Student Ambassador Summit
        • Program Advisor Training Highlights
        • Rally for School Health
      • Virtual Farm Tour
    • School Grant Programs
    • Food Service Directors
      • Dairy and School Meals
        • School Food Service Equipment
      • Behind the Kitchen
        • Continuing Education for Staff
        • School Meal Recipes
        • Food Safety
      • Marketing & Promoting School Meals
      • Michigan Food Heroes
  • Dairy
    Farming
    • Dairy’s Contribution to Sustainable Nutrition
    • The Journey of Milk
    • Day in the Life of a Michigan Dairy Farm Family
    • Meet Our Dairy Farm Families
      • Meet MI Farm Families
        • Farm Family Fun Facts
    • Michigan Dairy Facts
  • Blog
  • Recipes
  • Food &
    Nutrition
  • Sports
    Nutrition
  • Health
    Professionals
  • Schools &
    Educators
    • Coaches
    • Educators
      • Nutrition Education
        • Access Resources by Grade Level
          • Elementary School Resources
          • Middle School Resources
          • High School Resources
      • Fuel Up to Play 60
        • Michigan Student Ambassador Summit
        • Program Advisor Training Highlights
        • Rally for School Health
      • Virtual Farm Tour
    • School Grant Programs
    • Food Service Directors
      • Dairy and School Meals
        • School Food Service Equipment
      • Behind the Kitchen
        • Continuing Education for Staff
        • School Meal Recipes
        • Food Safety
      • Marketing & Promoting School Meals
      • Michigan Food Heroes
  • Dairy
    Farming
    • Dairy’s Contribution to Sustainable Nutrition
    • The Journey of Milk
    • Day in the Life of a Michigan Dairy Farm Family
    • Meet Our Dairy Farm Families
      • Meet MI Farm Families
        • Farm Family Fun Facts
    • Michigan Dairy Facts
  • Blog
  • Recipes

Home > Style Guide

  • Content Styles
  • Interior Example
  • Pageblocks
  • Style Guide
  • How to Edit Your Site

Style Guide

Please reference the list below whenever you’re creating new images for your site. You should find a size for all possible images you’ll need/use.

Image Sizes

  • Homepage Hero: 1400px × 600px
  • Full Width Pageblock Background: 1170px × 500px
  • Homepage Open Content Image: 600px × 300px
  • Sidebar Image: 600px × Any Height
  • Sidebar Video Preview: 600px × 340px (recommended)
  • Full Width Header Image: 1400px × 300px
  • Blog / Featured Image: 700px × 450px
  • News Featured Image: 1170px wide x any
  • FAQ Video Preview: 700px × 400px
  • Left/Right Page Block Images: 600px × 360px
  • 3-Column Block Images: 600px × 360px
  • Bio / Farm Family Landing Page Images: 600px × 600px
  • Recipe Alternate Images (shown on individual recipe page): 600px × 375px
  • Promo Material Featured Image: 600px × 420px
  • Recipe Featured Image (shown on Recipes landing page): 600px × 600px
  • Author Bio Image: 600px × 600px

Font Specifics

  • H1 – Lobster, 400 • 55px/55px • Color: #333132 • Margin: 0 0 30px 0
  • H2 – Proxima Nova, 600 • 33px/38px • Color: #333132 • Margin: 10px 0 15px 0
  • H3 – Proxima Nova, 700 • 26px/30px • Color: #333132 • Margin: 10px 0 15px 0
  • H4 – Proxima Nova, 400 • 23px/36px • Color: #808285 • Margin: 0 0 30px 0
  • H5 – Proxima Nova, 700 • 22px/25px • Color: #333132 • Margin: 10px 0 15px 0
  • H6 – Proxima Nova, 700, ALL CAPS • 16px/18px • Color: #333132 • Letter-Spacing: .075 em • Margin: 10px 0 15px 0
  • Block Quote – Proxima Nova, 700 • 24px/40px • Color: #333132 • Margin: 80px 20px 80px 20px
  • Paragraph – Georgia, 400 • 16px/30px • Color: #414042 • Margin: 0 0 25px 0
  • Link Color – • / • Color: #41b4e9
  • Sidebar Captions – Georgia, 400, Italic • 15px/16px • Color: #808285

Site Color Values

#001f5b
#41b4e9
#e6e7e8
#b1723d
 #3E8C5C
 #B0B85C
 #ED564E

Back to Top
Milk Means More logo
2163 Jolly Road
Okemos, Michigan 48864 517-349-8923

Receive nutrition tips, dairy fun facts, fresh recipes and more delivered to your inbox!

  • Dairy Farming
  • Food & Nutrition
  • Recipes
  • Blog
  • For Dairy Producers
  • Schools
  • Sports Nutrition
  • Health Professionals
  • About UDIM
  • Contact

© 2023 UDIM. All Rights Reserved.

  • Sitemap
  • Privacy Policy