Continuum Iconography
different color shades of a vector drawn document
Grid System
Every icon was designed on a 24 x 24 pixel grid. Every icon was designed to be 24 pixels on either the horizontal or vertical axis.
The specs of the iconography were as follows:
Icon Type: Outlined*
Stroke: 1 pixel
Stroke Cap: Rounded
Stroke Corner: Rounded
Radius: 1 pixel
All iconography follows the above specs. Upon review and group critique, select icons were modified to visually make sense to the human eye. *All iconography was designed with outlined aesthetics apart from iconography related to modals and system messages to draw attention to the user in the case of alerts and urgent CTA’s.
different sizes of a vector document
Icon Sizes
different sizes of a vector document
Color
Some items
Select Iconography*
All icon sizes are set at 40 x 40 pixels for the purpose of this case study; however, every icon was sized as needed on the platform.
*Gray background on selected icons is to display a white icon.
full catalog of designed iconographies