Style Guide Overview

Miko is a series of interactive, AI-powered robots designed for children, aimed at fostering learning, curiosity, and empathy through engaging activities.
Miko Icon Style Guide is an essential resource to ensure consistent and visually engaging use of icons across all Miko platforms.

Grids

Miko is a series of interactive, AI-powered robots designed for children,aimed at fostering learning, curiosity, and empathy through engaging activities. Miko Icon Style Guide is an essential resource to ensure consistent and visually engaging use of icons across all Miko platforms.

Alignment

Icons are both visually cantered within the grid, as well as actually centre aligned.Positioning key elements at the "visual centre" creates a more balanced and harmonious design.

Icons align with either their width or height with the grid's maximum size, while maintaining their aspect ratio.

Shapes

The icons are built from basic shape combinations, featuring smooth, rounded forms with no sharp edges, ensuring a fun and kid-friendly aesthetic

Corners

Sharp corners are avoided, with rounded corners preferred unless sharp edges are necessary to define the icon.

Smaller edges and shapes = lower roundedness
Larger corners and shapes = more roundedness

Perspective

Icons are designed to be flat, sticikng to a consistent viewpoint, either frontal or side-on, to maintain clarity and simplicity. avoiding depth unless the intention is to signify it.