Iconography
What are icons?
Icons help users pick out key information at a glance. They are simple, geometric shapes designed to convey information or an action quickly in small spaces.
Examples of icons - material.io
Web Use
Creekside's website utilizes many icons to help distinguish key information on a page.
Icons Should
- Have clear space between each icon
- Use grey text
Icons Should Not
- Be significantly larger than accompanying text
- Use bright or distracting colors
Examples
Use these examples as a guide when working with icons.
Event Cards
These icons:
- Highlight key information
- Are properly spaced and centered
- Use grey text to maintain visual hierarchy
Creekside University
A great opportunity for application to our sermon series, More God Please, this...