Menu
Basics

Flags

Flags allow us to quickly visually communicate the countries, currencies, languages and audiences we cater to and build for

Shape

Always maintain a consistent bounding box for the flag - the ratio of the bounding box should be 2:3

Corners of the bounding box should be 10% of the height of the bounding box - shown below as y and u

Scale

For flags below 130px or 45mm, greatly reduce the complexity of the elements and national symbols, while still maintaining the ease of identification

Border

Always use a simple border - 0.5px in Alto - around a flag to improve legibility and contrast