{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Homepage", "item": "https://www.wago.com/global" }, { "@type": "ListItem", "position": 2, "name": "The Brand Portal of the WAGO company", "item": "https://www.wago.com/global/brandportal" }, { "@type": "ListItem", "position": 3, "name": "Corporate Design", "item": "https://www.wago.com/global/corporatedesign" }, { "@type": "ListItem", "position": 4, "name": "Interface Design", "item": "https://www.wago.com/global/corporatedesign/interface-design" } ] } [{"url":"/brandportal","name":"The Brand Portal of the WAGO company","linkClass":null,"categoryCode":null},{"url":"/corporatedesign","name":"Corporate Design","linkClass":null,"categoryCode":null},{"url":"/corporatedesign/interface-design","name":"Interface Design","linkClass":"active","categoryCode":null}]
{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","menuLinksOrdered":[],"type":"Category Stage","dynamicVisibility":true,"cloneable":true,"uuid":"eyJpdGVtSWQiOiJjb21wX2dsb2JhbF8wMDAwRFlCWCIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","ignoreOnTransfer":false,"uid":"comp_global_0000DYBX","modifiedtime":"2025-12-13T18:27:06+0000","children":["eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwS0FUQiIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9"],"flat":false,"onlyOneRestrictionMustApply":true,"teaserHeadline":"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.","contentLink":{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","type":"Link Component","dynamicVisibility":true,"uuid":"eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwS0FUQiIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","footersSocial":[],"linkName":"Figma Core Library","footers":[],"ignoreOnTransfer":false,"uid":"item_global_0000KATB","modifiedtime":"2024-06-05T09:51:37+0000","children":[],"onlyOneRestrictionMustApply":true,"selectedCmsFacets":[],"externalURL":"https://www.figma.com/design/b7B3vXqsL7xcwusid51rxm/WAGO-Core-Library?m=auto&node-id=8-129&t=DIMUcKB7exBM3E0P-1","headers":[],"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","passepartout":false,"restrictions":[],"footersPayment":[],"navigationNodes":[],"searchable":true,"url":"https://www.figma.com/design/b7B3vXqsL7xcwusid51rxm/WAGO-Core-Library?m=auto&node-id=8-129&t=DIMUcKB7exBM3E0P-1","typeCode":"CMSLinkComponent","target":"SAMEWINDOW","renderWithEmptyTarget":false,"external":false,"slots":[],"itemtype":"CMSLinkComponent","restricted":false,"name":"CMSLinkComponent","synchronizationBlocked":false,"containers":[],"creationtime":"2024-06-05T09:51:37+0000","navigationList":[],"actions":[],"headersUserMenu":[],"parents":[]},"headline":"Our Interface Design","image":{"code":"Frame 1118.jpg","altText":"Frame 1118.jpg","imageFormats":[{"imageType":null,"format":"2000","url":"/medias/2000-Frame-1118.jpg?context=bWFzdGVyfGltYWdlc3w2MjI4MXxpbWFnZS9qcGVnfGFEUXhMMmc0WWk4eE5EUTVOVEl5TVRnM05EY3hPQzh5TURBd1gwWnlZVzFsSURFeE1UZ3VhbkJufDJlOGM3YmQ5MDY2YmM1MGJkMjUyMDA3MjQ4M2I5NjRhMWFjYjI4MDlhYTU2OTBlMDJiMTlkMmU2MjE1NWVmNTY","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1600","url":"/medias/1600-Frame-1118.jpg?context=bWFzdGVyfGltYWdlc3w0Mjk4NnxpbWFnZS9qcGVnfGFETTNMMmd5Wmk4eE5EUTVOVEl5TWpRMk5EVTBNaTh4TmpBd1gwWnlZVzFsSURFeE1UZ3VhbkJufGQwMTQ4NTI0YzYzM2NhOTVmMjlkMTQzODlhOWViMWZlYzVhZDIxYjk1NWVhY2FmMzg0YjYzN2M5ZTA4Y2Q0MzI","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1280","url":"/medias/1280-Frame-1118.jpg?context=bWFzdGVyfGltYWdlc3wyOTg1OXxpbWFnZS9qcGVnfGFEZzJMMmd6WkM4eE5EUTVOVEl5TWpBd05UYzVNQzh4TWpnd1gwWnlZVzFsSURFeE1UZ3VhbkJufDRkOWU1MmE1MTg2NGQ1MjgwNjBmOTY4N2UwYTM1YzA2NjQ4ZGE1NjQ3MzhhMzQyN2QyZDkxZjZjNjU4NDQwOTg","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1024","url":"/medias/1024-Frame-1118.jpg?context=bWFzdGVyfGltYWdlc3wyMTU0OHxpbWFnZS9qcGVnfGFHTTFMMmd6WXk4eE5EUTVOVEl5TWpBM01UTXlOaTh4TURJMFgwWnlZVzFsSURFeE1UZ3VhbkJufDk0NjY0ZmMwOTQ2YjgyOWNiZjViYjBkZThmMzg1M2I5NzJiY2IyODMzNzFiM2I5MjUyOTg0NzFhMzA5NDc5ZmY","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"768","url":"/medias/768-Frame-1118.jpg?context=bWFzdGVyfGltYWdlc3wxMzQ5M3xpbWFnZS9qcGVnfGFHTTNMMmd6T1M4eE5EUTVOVEl5TWpFek5qZzJNaTgzTmpoZlJuSmhiV1VnTVRFeE9DNXFjR2N8N2I3MmUwNjE0NjI2ZGRkZTQ0N2NiMTFkNTMzNjgyYmI3MDhkMDUxOThhYjAxMDQ2MzcyNGM2ODNhOGUwOWZhOA","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"480","url":"/medias/480-Frame-1118.jpg?context=bWFzdGVyfGltYWdlc3w2NjU3fGltYWdlL2pwZWd8YUdJMkwyZ3pOaTh4TkRRNU5USXlNakl3TWpNNU9DODBPREJmUm5KaGJXVWdNVEV4T0M1cWNHY3w3YmZhYmVkMGQ0NWM5NmY2Njc0YTk4MTVhOTQ2MDQxNmI3MmQ2MDRiNDllNTJkMDMxMzMxMDJkYWFkNGEzOTMx","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"200","url":"/medias/200-Frame-1118.jpg?context=bWFzdGVyfGltYWdlc3w5MDd8aW1hZ2UvanBlZ3xhRFE0TDJnek1pOHhORFE1TlRJeU1qTTVPVEF3Tmk4eU1EQmZSbkpoYldVZ01URXhPQzVxY0djfDAxNTBhYjFmNTY5MWU5NmY0MmRkYmE1ZGZlMzRiYTA0ODcwODAzNzE0ZDI4ODk3Y2EyMWJmNWZkOGM1NjgyN2E","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null}],"description":"Frame 1118.jpg"},"lastLoad":1765650426000,"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","productLinkOverrideType":"PRODUCT","passepartout":false,"restrictions":[],"contentLinkOverrideType":"CONTENT","searchable":true,"typeCode":"WagoCategoryStageComponent","slots":["eyJpdGVtSWQiOiJjc19nbG9iYWxfMDAwMENZVVUiLCJjYXRhbG9nSWQiOiJnbG9iYWwtd2Fnb0NvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ=="],"textboxOpacity":0,"itemtype":"WagoCategoryStageComponent","restricted":false,"name":"WagoCategoryStageComponent","synchronizationBlocked":true,"containers":[],"creationtime":"2022-03-30T10:05:41+0000","actions":[],"parents":[]}

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.

mm-33129_ui-design_promotional-functional_1_2000x1125.jpg