Icons
Icons are essential for communicating information quickly and clearly across all brand touchpoints. The line-based icon follows a clean, consistent design with a consistent stroke weight and rounded corners that create an approachable look. It ensures clarity, simplicity, and visual harmony across every size and application.
The grid system
Icons are based on the grid system shown here. The system brings uniformity across all shapes and sizes.
Colors
Our icons are used exclusively in solid primary colors—white, beige, blue, or dark gray. Icons can be used on gradient backgrounds, but the icons themselves should never include gradients.
Categories of icons
The following categories of icons have been created for ease of reference. New categories of icons will be added as and when they are developed.
- Service and maintenance
- Industry and application
- Digital
- Energy
- Generic
Dos
- Use consistent line weight and corner radius
- Use only brand colors
- Ensure clarity and simplicity
Dont's
Product illustrations
Product illustrations can be either basic or detailed. They can be used in primary or accent colors. When necessary, they can also be used in the provided tints only.
Basic product illustrations
Basic product illustrations feature low level of details and are designed so that they can be used in small sizes. Basic product illustrations can be used as components in the infographics. They can also be used in animations, facility branding, and design patterns.
Features
- Low level of detail
- Abstract but recognizable product shape
- One-dimensional, flat appearance, no perspective
- Same width in strokes and cross-sections
- Can be used in any of the primary colors
Detailed product illustrations
Detailed product illustrations have a higher level of detail and can be used both in small and large sizes. They showcase the products and highlight their features and functions. They can also be used in animations, facility branding, and design patterns.
Features
- High level of detail (smallest details may be excluded)
- Photorealistic outer shape
- Objects have depth/perspective
- Different width in strokes and cross-sections
- Can be used in any of the primary colors
General illustrations
General illustrations can be either basic or detailed. They typically represent concepts or objects without a direct connection to the business. These illustrations are conceptual in nature and are used to enhance visual appeal or symbolize specific ideas. The illustrations are realistic and avoid exaggerated or overly stylized looks.
Characters show natural, basic facial expressions to keep a consistent and authentic feel. Use accent and extended accent colors carefully, ensuring they do not overpower the primary colors in the illustrations. They can be used in PowerPoint presentations, websites, apps, and infographics. Additionally, they may be applied in animations, facility branding, and as design patterns.
Application drawings
Application drawings are used to show a product, application or technical solution in a detailed and clear manner. You can also use them to display a cross-section of a product or user environment.
Colors
Use colors as close as possible to the real colors of products or environments.
Charts and graphs
The charts and graphs are simple and clean. They should be designed using primary colors or in the provided tints. When selecting colors, it is important to ensure color accessibility.
Pie charts
Bar charts
Line charts
Infographics
Infographics should be clean, minimal, and precise, while being self-explanatory. We use only primary colors and their tints and shades in the infographics.
