Page MenuHomePhabricator

Iconography specification page layout

Authored By
violetto, Dec 8 2014
Referenced Files
F107131: uniE115_-_viewDetails.svg
Mar 30 2015, 6:56 PM
F107130: uniE114_-_viewCompact.svg
Mar 30 2015, 6:56 PM
F95595: Iconograph_condensed.png
Mar 16 2015, 10:30 PM
F95588: Iconograph_condensed.png
Mar 16 2015, 10:04 PM
F95584: Iconograph_condensed.png
Mar 16 2015, 9:48 PM
F95579: Iconograph_info.png
Mar 16 2015, 9:46 PM
F95578: Iconograph_condensed.png
Mar 16 2015, 9:46 PM
F20100: Icon.png
Dec 8 2014, 11:20 PM

Mock History

Current Revision33

Mock Description

For living style guide

Event Timeline

violetto created Iconography specification page layout.Dec 8 2014, 11:20 PM
violetto opened this mock.
violetto added an image: Icon.png.
Inline Comments

The extended view will result in a longer page due more space taken up by one icon

Hover on color swatch will result in color change on icon

Inline Comments

Tipsy show usage info

This filtering system is not an urgent part of the project, but we can show a tipsy saying "coming soon" even though it's a WIP.

Inline Comments

We were intending the tipsy to show the class name for users to know how to call this icon.

For now this is used as a placeholder.

Although this isn't available for use now, we'll just show in the tipsy that it's a work in progress and will soon be available.

Or "coming soon in Summer 2015" ;P

Inline Comments

Can I have these assets?

Inline Comments

What happens to the alignment if no intentions are valid for that icon? Do we leave blank space?

Yes to the blank space.

Here are the assets:

viewCompact on Dropbox

viewDetails on Dropbox