What is a Banner Picture Tile?

A banner picture tile is a tile created with an eye catching graphic and text to draw the viewer into wanting to learn more. The tile should be linked to the information's webpage. Think similarly to a billboard or digital signage. 

What it is not

A banner picture tile is not a micro webpage or poster with all the information on the tile. It is also not for a specific event or have a specific date or time. 

How to Request a Banner Picture Tile

There is a supportal form to request a banner picture tile. Once you have submitted a request, a ticket number will be assigned, and the process for having a banner created and published will begin. You will receive emails for approval of the design.

Supportal Form

Tile Limitations

• The tile is limited to 4 rotating images.
• Due to the tile displaying on both mobile and desktop, refrain from words like “tap” or “click.” Use words such as “press” 
• There is no way to schedule a tile to display at a certain time or stop displaying
• There is no way to sort the tiles based on priority
• Words on a tile: 10 
  • This is based on a 9th grade reading level for 5 seconds of reading

Tile Information

• Displays on both Mobile App and Desktop Browser
• Displays for 5 seconds
• Able to be linked to a webpage
• ADA compliant due to ALT Text

Tile Properties

• Horizontal 
• Dimensions (pixels): 1274 x 408
• Bit Depth: 32
• File Type: PNG
• Words on a tile: 10
• Design style: Modern/Clean
• Icon Style: Flat/Filled or Outline
• Font style: Sans-serif
• CCAC Color Branded 
• Contrast ratio of at least 4.5:1
  • Web Accessibility Color Contrast Checker

Tile Design Layout & Design

1. Icon/Graphic
   • Icon should represent what the tile is for. Icon should be simple, clean, flat or outline design.
2. Background
   • Should not be overwhelming and allow for ADA complaint color contrast.
3. Call to Action/"Catch" Text
   • A simple statement of text that gets the viewer to want to read/learn more. 
   • Font should be larger/different font style and more predominant.
4. Supplemental Text
   • A few words that help get the information across but does not overwhelm the tile with information.
   • Font should be smaller than the call-to-action text.
   • Do not use the words "Learn More" use a more insightful phrase “Learn more about _____”