App guidelines

Icons

An established icon library is available and should be used for all app designs to ensure consistency, clarity, and alignment with our brand.

Primary app icon

The primary app icon should have a the blue gradient background with a solid Atlas Copco Blue stroke. Both pictogram, text layer and the Atlas Copco logo should be placed centred and visually balanced in the app icon container.

  • For apps that have an app-logo or pictogram connected to it, the pictogram should be coloured white and placed at the centre accordingly
    to the first icon example with “Atlas Copco” written beneath.
  • For apps that have no app-logo, pictogram e.g. “MyCTCare” or “VSD+” the text layer should be centre aligned and placed both vertically and horizontally i the middle of the icon above the “Atlas Copco” text
  • For apps that has either a pictogram or a short name e.g. Atlas Copco Rental” the logo of Atlas Copco should be used, -without the “Atlas Copco” text beneath.
Four examples of primary app icons

Android Apps

Android has specific requirements for app icons, so follow these recommendations:

  • Respect the round shape: Because Android icons are displayed with rounded corners, the design needs slight alignment adjustments.
  • Center alignment: Align the icon graphic, text layer, and the “Atlas Copco” logo toward the center to ensure readability within the rounded frame.
  • Consistent margins: Adjust margins between elements to maintain balance and legibility, avoiding crowding near the edges.
  • Scalability: Ensure the design remains clear and recognizable at smaller sizes.
Four examples of primary app icons for Android

Use of icons in the app

Always use our established icon library when incorporating icons within the app to maintain visual consistency and align with our brand standards.

Template app interface with icons

Widgets

We recommend using our gradients for widgets with an opacity of 96% to create a more impactful effect.

Template widget in a light theme
Template widget in a dark theme
Template widget in a light theme
Template widget in a dark theme