[{"term":"Libraries_BA","id":0,"type":"QUICKLINKS"},{"term":"Instructions","id":1,"type":"QUICKLINKS"},{"term":"WAGO-I/O-PRO","id":2,"type":"QUICKLINKS"},{"term":"Building","id":3,"type":"QUICKLINKS"},{"term":"221","id":4,"type":"QUICKLINKS"}]
{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","menuLinksOrdered":[],"type":"Category Stage","dynamicVisibility":true,"cloneable":true,"uuid":"eyJpdGVtSWQiOiJjb21wX2dsb2JhbF8wMDAwRTYzSiIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","ignoreOnTransfer":false,"uid":"comp_global_0000E63J","modifiedtime":"2025-07-02T11:31:55+0000","children":["eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRU05SyIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRU05TCIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9"],"flat":false,"onlyOneRestrictionMustApply":true,"teaserHeadline":"Aktiv Grotesk is WAGO's corporate font. The font requires a license and can be purchased. If AktivGrotesk cannot be used, Arial be defined as the first fallback font. The OpenSans is a license-free font and can be installed on devices.font-color: <span>--color-main-secondary;<br></span>font-family: 'AktivGrotesk’, Arial, OpenSans, sans-serif;","contentLink":{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","type":"Link Component","dynamicVisibility":true,"uuid":"eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRU05SyIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","footersSocial":[],"linkName":"Download OpenSans","footers":[],"ignoreOnTransfer":false,"uid":"item_global_0000EM9K","modifiedtime":"2022-03-30T10:21:38+0000","children":[],"onlyOneRestrictionMustApply":true,"selectedCmsFacets":[],"headers":[],"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","passepartout":false,"restrictions":[],"footersPayment":[],"navigationNodes":[],"searchable":true,"url":"https://fonts.google.com/specimen/Open+Sans","typeCode":"CMSLinkComponent","target":"SAMEWINDOW","renderWithEmptyTarget":false,"external":false,"slots":[],"itemtype":"CMSLinkComponent","restricted":false,"name":"CMSLinkComponent","synchronizationBlocked":false,"linkType":"BUTTON","containers":[],"creationtime":"2022-03-30T10:21:38+0000","navigationList":[],"actions":[],"headersUserMenu":[],"parents":[]},"productLink":{"container":false,"catalogVersion":"global-wagoContentCatalog/Online","type":"Link Component","dynamicVisibility":true,"uuid":"eyJpdGVtSWQiOiJpdGVtX2dsb2JhbF8wMDAwRU05TCIsImNhdGFsb2dJZCI6Imdsb2JhbC13YWdvQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9","footersSocial":[],"linkName":"Purchase Aktiv Grotesk","footers":[],"ignoreOnTransfer":false,"uid":"item_global_0000EM9L","modifiedtime":"2022-03-30T10:21:40+0000","children":[],"onlyOneRestrictionMustApply":true,"selectedCmsFacets":[],"headers":[],"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","passepartout":false,"restrictions":[],"footersPayment":[],"navigationNodes":[],"searchable":true,"url":"https://fonts.adobe.com/fonts/aktiv-grotesk","typeCode":"CMSLinkComponent","target":"SAMEWINDOW","renderWithEmptyTarget":false,"external":false,"slots":[],"itemtype":"CMSLinkComponent","restricted":false,"name":"CMSLinkComponent","synchronizationBlocked":false,"linkType":"BUTTON","containers":[],"creationtime":"2022-03-30T10:21:40+0000","navigationList":[],"actions":[],"headersUserMenu":[],"parents":[]},"headline":"Typography ","image":{"code":"textstyle_overview_2000x1125-6.jpg","altText":"textstyle_overview_2000x1125-6.jpg","imageFormats":[{"imageType":null,"format":"2000","url":"/medias/2000-textstyle-overview-2000x1125-6.jpg?context=bWFzdGVyfGltYWdlc3w4NDE4OXxpbWFnZS9qcGVnfGFHWXlMMmcxTlM4eE16RXdPVFV6T0RFNU16UXpPQzh5TURBd1gzUmxlSFJ6ZEhsc1pWOXZkbVZ5ZG1sbGQxOHlNREF3ZURFeE1qVXROaTVxY0djfDk2NTUzYWZjYmNhMTVkOWI3YWMwYzU1MjMwOTIzODYxNjkyN2MwNDc3YmM0MGJhZjRmMjQ2Mzc0ZWYxODZlY2E","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1600","url":"/medias/1600-textstyle-overview-2000x1125-6.jpg?context=bWFzdGVyfGltYWdlc3w3ODg3M3xpbWFnZS9qcGVnfGFEazBMMmcwTVM4eE16RXdPVFV6T0RjNE16STJNaTh4TmpBd1gzUmxlSFJ6ZEhsc1pWOXZkbVZ5ZG1sbGQxOHlNREF3ZURFeE1qVXROaTVxY0djfDA0ODM0YmUxMjkzY2I1Y2M1OGQ1MWE1OWQ5OWE5NGVmZWFmYjQyMzFmYWMzOTg0ZWU4ZTg1NTU4ZGM5YmFjMjQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1280","url":"/medias/1280-textstyle-overview-2000x1125-6.jpg?context=bWFzdGVyfGltYWdlc3w1OTQzNHxpbWFnZS9qcGVnfGFHVXpMMmcwWmk4eE16RXdPVFV6T0RNeU5EVXhNQzh4TWpnd1gzUmxlSFJ6ZEhsc1pWOXZkbVZ5ZG1sbGQxOHlNREF3ZURFeE1qVXROaTVxY0djfDUyMDg5ZjFlOTUyOGUyMjY2OGU4MjRhNDNiMmZmYmM3NmYyYjk1YmIwZjk1ZGQwYjE3OTJiZjVlOTUwMTc0MDI","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"1024","url":"/medias/1024-textstyle-overview-2000x1125-6.jpg?context=bWFzdGVyfGltYWdlc3w0MzI3OHxpbWFnZS9qcGVnfGFESXhMMmcwWmk4eE16RXdPVFV6T0RNNU1EQTBOaTh4TURJMFgzUmxlSFJ6ZEhsc1pWOXZkbVZ5ZG1sbGQxOHlNREF3ZURFeE1qVXROaTVxY0djfDIzYWE1NDM0MzQ4OGY1MTAzMWViMTJmMGM0OWMxYjdjNWVjMjhjYzE1OWVjOTgyOTE0MDY0ZjA5MWI5OWVhN2Y","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"768","url":"/medias/768-textstyle-overview-2000x1125-6.jpg?context=bWFzdGVyfGltYWdlc3wyNDYyNnxpbWFnZS9qcGVnfGFESTBMMmcwWXk4eE16RXdPVFV6T0RRMU5UVTRNaTgzTmpoZmRHVjRkSE4wZVd4bFgyOTJaWEoyYVdWM1h6SXdNREI0TVRFeU5TMDJMbXB3Wnd8ZDI1YTQ5YjQzNTg4NzM0ZDQwNDY1MGNjYjllNTkzOGZiYTc5OWVkN2M4Y2VkZGVmNGJhOGRmMWJkZDBmYTc0YQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"480","url":"/medias/480-textstyle-overview-2000x1125-6.jpg?context=bWFzdGVyfGltYWdlc3wxMTUyMHxpbWFnZS9qcGVnfGFERXlMMmcwT1M4eE16RXdPVFV6T0RVeU1URXhPQzgwT0RCZmRHVjRkSE4wZVd4bFgyOTJaWEoyYVdWM1h6SXdNREI0TVRFeU5TMDJMbXB3Wnd8ZDg3ZDBkY2VhYzNlNjE4Y2M4ZDUxZmYwZDAwMGZjNmEyYzFmN2IzYjc4OWMwMjI1Y2M0ODE4N2JhYzcyNjVkZQ","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null},{"imageType":null,"format":"200","url":"/medias/200-textstyle-overview-2000x1125-6.jpg?context=bWFzdGVyfGltYWdlc3w5NjB8aW1hZ2UvanBlZ3xhRFUyTDJnME1pOHhNekV3T1RVek9EY3hOemN5Tmk4eU1EQmZkR1Y0ZEhOMGVXeGxYMjkyWlhKMmFXVjNYekl3TURCNE1URXlOUzAyTG1wd1p3fDc3MWZlMDNlZjI0ODlhZDUyOTY5YjE5NTk1MmRkZGJiNThhZTgzYWE4ZTI5ODllYWFmM2VhZWEwZmFiN2Q2Y2Y","altText":null,"galleryIndex":null,"width":null,"description":null,"mediaType":null,"code":null}],"description":"textstyle_overview_2000x1125-6.jpg"},"lastLoad":1751455915252,"visible":true,"wagoColumnComponent":[],"availableLanguages":"AVAILABLE","productLinkOverrideType":"PRODUCT","passepartout":false,"restrictions":[],"contentLinkOverrideType":"CONTENT","searchable":true,"typeCode":"WagoCategoryStageComponent","slots":["eyJpdGVtSWQiOiJjc19nbG9iYWxfMDAwMEQ4VVUiLCJjYXRhbG9nSWQiOiJnbG9iYWwtd2Fnb0NvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ=="],"textboxOpacity":0,"itemtype":"WagoCategoryStageComponent","menuLinks":[],"restricted":false,"name":"WagoCategoryStageComponent","synchronizationBlocked":false,"containers":[],"creationtime":"2022-03-30T10:21:35+0000","actions":[],"parents":[]}

headline-1

font-size: 2.2rem;
line-height: 2.8rem;
font-weight: bold;
letter-spacing: -1%;

headline-2

font-size: 2.0rem;
line-height: 2.4rem;
font-weight: normal;
letter-spacing: -1%;

copy-small
Label

font-size: 0.8rem;
line-height. 1.4rem;
font-weight: normal;
letter-spacing: 1%;

copy-small-bold
Notification

font-size: 0.8rem;
line-height. 1.4rem;
font-weight: bold;
letter-spacing: 1%;
copyfont-size: 1rem;
line-height: 1.6rem;
font-weight: normal;

copy-bold
Call-to-Action, Section Headline

font-size: 1rem;
line-height: 1.6rem;
font-weight: bold;
letter-spacing: 1%;

copy-large
Headline, Subline

font-size: 1.2rem;
line-height: 1.8rem;
font-weight: bold;

caps
List item, Navigation

font-size: 1rem;
line-height. 1.4rem;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2%;

caps-small
Label, Devider

font-size: 0.8rem;
line-height. 1.2rem;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2%;

More

Elements

Dark Mode

mm-33129_darkmode_2000x1125_category-stage.jpg

Components

mm-33129_components_2000x666.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: