Interface Design

Our Interface Design

As users have many touchpoints with WAGO interfaces, a consistent look across multiple digital products improves the brand experience. The promotional and functional approach defined in the corporate design is also applied here. We have a corporate account in Figma with a core library in which the most important elements are defined, e.g. colors, more than 240 icons, buttons. Project teams are welcome to access the UI design kit and UX guidelines and create their designs as interactive prototypes for developers and concept designers.

Promotional and functional

As users have many touchpoints with WAGO interfaces, a consistent look across multiple digital products improves the brand experience. The promotional and functional approach defined in the corporate design is also applied here. Websites are communication platforms with mainly promotional purposes. Therefore brand elements such as typography, imagery, and brand colours are used prominently within the interface. When it comes to software solutions, the function is in focus. Consequently the brand takes a backseat. This guide describes how to include branding elements in complex interfaces to make them consistent, functional and recognizable as WAGO interfaces.

What kind of application do you want to develop?

Software & Application

Native Touch Interface

Website

Design styles at Figma library

You can find the (css) details all our components in our corporate account in Figma. The core library contains our basic, general elements. A separate library is available for web applications and our website. Please login to Figma, if you want to see the libraries. The libraries are unlocked for all registered members with a wago.com email address.

WAGO Design-Team

If any questions occur concerning the design guidelines or the design assets, please do not hesitate to contact us. Also, if you need any help with your design we will be happy to assist you.