Multi-tier system that can go from block layouts all the way to fully polished UI
Layouts and components are based on relative values to allow for easy nesting and reusability
Customizable, programmable UI system components including brand guides
Semantic naming structure and responsive system facilitates easy dev hand-off
This is a portion of the system that was used to build a system map and blocked layout of dashboard web application.
These are high-level categories that help define the hierarchy of the application and include areas for notes that explain the purpose of the element.
The scale and contrast of the grayscale elements are designed to help facilitate an understanding of the general layout distracting design elements.
Content broken down into clear and concise sections, each occupying approximately 1 screen-height
Bright colors, bold text, and large product shots
Maps with landmarks, transit routes, and locations of everyday errands.
Pico-published news, upcoming events, promos, guides to other areas of blog or site
Defined as articles and references from non-Pico companies
Content published by Pico