{ "@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" }, { "@type": "ListItem", "position": 5, "name": "Structure", "item": "https://www.wago.com/global/corporatedesign/interface-design/structure" } ] } [{"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":null,"categoryCode":null},{"url":"/corporatedesign/interface-design/structure","name":"Structure","linkClass":"active","categoryCode":null}]
{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","menuLinksOrdered":[],"type":"Category Stage","dynamicVisibility":true,"cloneable":true,"uuid":"eyJpdGVtSWQiOiJjb21wX2dsb2JhbF8wMDAwRTdLUyIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","ignoreOnTransfer":false,"uid":"comp_global_0000E7KS","modifiedtime":"2025-12-06T07:43:52+0000","children":[],"flat":false,"onlyOneRestrictionMustApply":true,"teaserHeadline":"Even though every interface has very different needs that center around the features and tasks the interface is intended to fulfil, a consistent framework helps users to navigate throughout multiple WAGO interfaces as the patterns and components used can be similar. Depending on the functionality of the application, the interface can be structured in various sections, making it easy to understand and the integration of new features fast and straight-forward.","headline":"Structure ","image":{"code":"WAGO-web-interfaces-structure-01-1_2000x1125_category-stage.jpg","altText":"WAGO-web-interfaces-structure-01-1_2000x1125_category-stage.jpg","imageFormats":[{"imageType":null,"format":"2000","url":"/medias/2000-WAGO-web-interfaces-structure-01-1-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3wyMTQ3NXxpbWFnZS9qcGVnfGFHRTBMMmhpWkM4eE1qa3lOVGt4TlRFd016STJNaTh5TURBd1gxZEJSMDh0ZDJWaUxXbHVkR1Z5Wm1GalpYTXRjM1J5ZFdOMGRYSmxMVEF4TFRGZk1qQXdNSGd4TVRJMVgyTmhkR1ZuYjNKNUxYTjBZV2RsTG1wd1p3fGU5MWIzZDI1ZmYyYzk1ODU1NjgyMDY5ODMyOTQwZmI2OGMxM2MyMjljYjM4OTA5NWRjMzlkYzI4YWRkMGZiNWQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1600","url":"/medias/1600-WAGO-web-interfaces-structure-01-1-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3wxNDYzNXxpbWFnZS9qcGVnfGFHSXlMMmhqWmk4eE1qa3lOVGt4TlRZNU16QTROaTh4TmpBd1gxZEJSMDh0ZDJWaUxXbHVkR1Z5Wm1GalpYTXRjM1J5ZFdOMGRYSmxMVEF4TFRGZk1qQXdNSGd4TVRJMVgyTmhkR1ZuYjNKNUxYTjBZV2RsTG1wd1p3fGMzMGNlMmIyYTNlOGM4MTdjMzU4OWE1NjEyZDQ4ZDQxYWQ0ZjAyM2VlN2UyYWViZGRlOTVjOWM4MzEwM2ZkNzQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1280","url":"/medias/1280-WAGO-web-interfaces-structure-01-1-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3w5ODUyfGltYWdlL2pwZWd8YURZekwyaGpNUzh4TWpreU5Ua3hOVEl6TkRNek5DOHhNamd3WDFkQlIwOHRkMlZpTFdsdWRHVnlabUZqWlhNdGMzUnlkV04wZFhKbExUQXhMVEZmTWpBd01IZ3hNVEkxWDJOaGRHVm5iM0o1TFhOMFlXZGxMbXB3Wnd8YmQyZTFmMDc0YTE2ZjM4OGQwYTY3NzdhZWY2NjAxNDhlNTVjZGJhMTU0YmY4NzM4NWRlNzI4YzU4NGVhNDRmNQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1024","url":"/medias/1024-WAGO-web-interfaces-structure-01-1-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3w3MjE4fGltYWdlL2pwZWd8YURFeEwyaGpNaTh4TWpreU5Ua3hOVEk1T1RnM01DOHhNREkwWDFkQlIwOHRkMlZpTFdsdWRHVnlabUZqWlhNdGMzUnlkV04wZFhKbExUQXhMVEZmTWpBd01IZ3hNVEkxWDJOaGRHVm5iM0o1TFhOMFlXZGxMbXB3Wnd8MWI3YTU4NDk1ZGFjMjhjY2Q4MTc2NTAzMjMwNGU4OGNiY2Y5NjMwYWJiYzIyNTRhNTk3OGM3Yzk4N2I1NDk0YQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"768","url":"/medias/768-WAGO-web-interfaces-structure-01-1-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3w0NzI1fGltYWdlL2pwZWd8YURJekwyaGpOUzh4TWpreU5Ua3hOVE0yTlRRd05pODNOamhmVjBGSFR5MTNaV0l0YVc1MFpYSm1ZV05sY3kxemRISjFZM1IxY21VdE1ERXRNVjh5TURBd2VERXhNalZmWTJGMFpXZHZjbmt0YzNSaFoyVXVhbkJufDhmM2EzNGY4M2VmNGE5YmEzMmNmNjU4NzNiMTc3NWMzY2Q3YjllMDFhNGVjMjlkMDAzOWNhZjU5MGE1M2Y5N2M","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"480","url":"/medias/480-WAGO-web-interfaces-structure-01-1-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3wyMzExfGltYWdlL2pwZWd8YURNekwyaGpPQzh4TWpreU5Ua3hOVFF6TURrME1pODBPREJmVjBGSFR5MTNaV0l0YVc1MFpYSm1ZV05sY3kxemRISjFZM1IxY21VdE1ERXRNVjh5TURBd2VERXhNalZmWTJGMFpXZHZjbmt0YzNSaFoyVXVhbkJufDkxOTE3YTk5M2E1MzViNTcwY2JkOWZhOGVkMWI4YWQ2OTkyYmFhYTg0NmIwOTZkN2Y0MTk5YmIwNDFjZmFiODI","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"200","url":"/medias/200-WAGO-web-interfaces-structure-01-1-2000x1125-category-stage.jpg?context=bWFzdGVyfGltYWdlc3w0NjZ8aW1hZ2UvanBlZ3xhR1l4TDJoalpTOHhNamt5TlRreE5UWXlOelUxTUM4eU1EQmZWMEZIVHkxM1pXSXRhVzUwWlhKbVlXTmxjeTF6ZEhKMVkzUjFjbVV0TURFdE1WOHlNREF3ZURFeE1qVmZZMkYwWldkdmNua3RjM1JoWjJVdWFuQm58N2ZhZTYzMzMxMjA1MDU0ZTA1MWZiYjY0OTYwODhjZDhmMmVlMDkzZTRmYTY5MmMwODQ5MmY4ODc5NmIzN2IyNA","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null}],"description":"WAGO-web-interfaces-structure-01-1_2000x1125_category-stage.jpg"},"lastLoad":1765007032208,"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","productLinkOverrideType":"PRODUCT","passepartout":false,"restrictions":[],"contentLinkOverrideType":"CONTENT","searchable":true,"typeCode":"WagoCategoryStageComponent","slots":["eyJpdGVtSWQiOiJjc19nbG9iYWxfMDAwMERBRUMiLCJjYXRhbG9nSWQiOiJnbG9iYWwtd2Fnb0NvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ=="],"textboxOpacity":100,"itemtype":"WagoCategoryStageComponent","restricted":false,"name":"WagoCategoryStageComponent","synchronizationBlocked":false,"containers":[],"creationtime":"2022-03-30T10:11:22+0000","actions":[],"parents":[]}

More

Header & Navigation

WAGO-web-interfaces-navigation-2.jpg

Elements

Dark Mode

mm-33129_darkmode_2000x1125_category-stage.jpg

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.

Additional service offerings: