Any Zen brand requires a complete set of icons/support graphics in order to display and function correctly. You may wish to download the attached Adobe Illustrator file for a complete set of graphics (62 images on separate layers), which you are free to customize for your brand.
Please note: we are in the process of upgrading our images to transparent png files, which will become standard in a later release; in the meantime, all images should be saved as gif files, unless indicated in the image's extension below.
The attached file includes the following vector images:
| normal image | example | hover image | example |
|---|---|---|---|
| dropdown.gif |  |
dropdown-hover.gif |  |
| gear.gif |  |
gear-hover.gif |  |
| people.gif |  |
people-hover.gif |  |
| content.gif |  |
content-hover.gif |  |
| watch.gif |  |
watch-hover.gif |  |
| toolbar-show.png |  |
toolbar-show-on.png |  |
| toolbar-hide.png |  |
toolbar-hide-on.png |  |
| star.gif |  |
star-hover.gif |  |
| share.gif |  |
share-hover.gif |  |
| page.gif |  |
page-hover.gif |  |
| expando.gif |  |
expando-hover.gif |  |
| expando-reverse.gif |  |
expando-reverse-hover.gif |  |
| add-page.gif |  |
add-page-hover.gif |  |
| pencil-outline.gif |  |
no hover | |
| pencil.gif |  |
no hover | |
| edit-pencil.gif |  |
edit-pencil-hover.gif |  |
| pencil-comments.gif |  |
no hover | |
| remove-comments.gif |  |
no hover | |
| reply-comments.gif |  |
no hover | |
| left-arrow.gif |  |
left-arrow-hover.gif |  |
| right-arrow.gif |  |
right-arrow-hover.gif |  |
| edit-title.gif |  |
edit-title-hover.gif |  |
| check.gif |  |
check-hover.gif |  |
| trash.gif |  |
trash-hover.gif |  |
| check-large.png |  |
no hover | |
| trash-large.png |  |
no hover | |
| master.gif |  |
master-hover.gif |  |
| non-master.gif |  |
non-master-hover.gif |  |
| no-access.gif |  |
no-access-hover.gif |  |
| section.png |  |
section-hover.png |  |
| marker.gif |  |
no hover | |
| blog-divider.gif |  (scaled image) |
no hover | |
| rss-feed.gif |  |
no hover | |
| draft.gif |  |
no hover | |
| master-watermark.png |  |
no hover | |
| master-draft.png |  |
no hover | |
| historical.png |  |
no hover |
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam fermentum vestibulum est. Sed quis tortor.