Description
IMG_DetailHero
Color
We offer 2 color variants:
- brilliant green, for over dark backgrounds
- green (#00A159), for over light backgrounds
Shape
Detailed icons are constrained using rounded boxes created using rounded strokes.
Derived from the Sage Flow and based on an atomic approach, the dots expand to capsule molecules and are drawn with motion in mind to perpetuate a sense of flow.
Design should be integrated into the container, if the icon allows you to do so. If not, it can stand alone within the container.
Size
Minimum size: 30 x 30 pixels (only use for exceptional circumstances)
Maximum size: 60 x 60 pixels (default)
Format
SVG is our standard icon format.
When to use
- Use detailed icons in 3 to 6 column content panels.
- Use them to reinforce the meaning of content.
Dos and don'ts
Don't
Don't
