Design Guidelines

Introduction |  Notifications |  Grids |  Colours |  Typography |  Image Sizes |  Padding and Spacing |  Modals |  Icons |  Social Norms |  Dividers
Tables |  Package Selector |  Timelines |  Progress Indicator |  CTAs and Buttons |  Forms |  Tooltips |  Accordions |  Loaders | 

Social norms

We use social norms to highlight particular products. They give us a clear way to recommend a specific product to the customer, or show which of a similar selection of products is most popular. It’s important to use them sparingly, and the same social norm message should not be used more than once on a page. Social norms should never be used for other types of messaging.

Examples of social norms


Font: BodyB