[{"contentLink":{"id":359250,"workId":0,"guidValue":"7d973f78-2205-4b55-bf69-c9903ec24f05","providerName":null,"url":"https://www.brand.upm.com/brand-identity-in-use/ui-components/","expanded":null},"name":"UI components","language":null,"existingLanguages":null,"masterLanguage":null,"contentType":["Page","LandingPage"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"teaserImageUrl":{"contentLink":{"id":773714,"workId":0,"guidValue":"7929488b-67eb-4073-973b-c004d99a014f","providerName":null,"url":"https://www.brand.upm.com/siteassets/images/visual-narrative/brand_upm_ui_thumbnail.jpg","expanded":null},"name":null,"language":null,"existingLanguages":null,"masterLanguage":null,"contentType":["Media","ImageFile"],"parentLink":null,"routeSegment":null,"url":"https://www.brand.upm.com/siteassets/images/visual-narrative/brand_upm_ui_thumbnail.jpg","changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"thumbnail":{"id":"epi.fx.blob://default/7929488b67eb4073973bc004d99a014f/079ae028a162425492379b7950a85221_Thumbnail.png","url":"https://prod-brand-upm.solitaonline.fi/siteassets/images/visual-narrative/brand_upm_ui_thumbnail.jpg/Thumbnail"},"mimeType":"image/jpeg","width":1920,"height":1080,"renderedHtml":null,"focalPoint":null,"altText":null},"headingTitle":"","leadText":"","heroContentArea":[{"displayOption":"full","tag":null,"contentLink":{"id":359308,"workId":0,"guidValue":"73e6dd6f-785b-412a-be43-3015952239bd","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedHeroH1ImageBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"title":"User interface components that streamline the journey","ingress":"Our UI components library provides tools and processes that support and simplify the digital design process and ensure consistency and alignment with UPM brand and visual identity.","image":{"contentLink":{"id":742739,"workId":0,"guidValue":"ef1e6341-c428-4a63-9682-fd40bbfd2437","providerName":null,"url":"https://www.brand.upm.com/siteassets/images/heros/upm-brand-uicomponents-hero.jpg","expanded":null},"name":null,"language":null,"existingLanguages":null,"masterLanguage":null,"contentType":["Media","ImageFile"],"parentLink":null,"routeSegment":null,"url":"https://www.brand.upm.com/siteassets/images/heros/upm-brand-uicomponents-hero.jpg","changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"thumbnail":{"id":"epi.fx.blob://default/ef1e6341c4284a639682fd40bbfd2437/8224e5ff6cfc4ba08e6434e307c2842a_Thumbnail.png","url":"https://prod-brand-upm.solitaonline.fi/siteassets/images/heros/upm-brand-uicomponents-hero.jpg/Thumbnail"},"mimeType":"image/jpeg","width":3200,"height":1120,"renderedHtml":null,"focalPoint":null,"altText":null},"imageAltText":"","displayStyle":"High","isTextOnDark":false,"textAlignment":"banner","responsiveImages":true,"readMoreLink":{},"secondLink":{},"linkStyle":"default","buttonColor":"default","renderedHtml":null,"anchorId":"cid_359308","imageWidth":3200,"imageHeight":1120,"imageUrl":"https://www.brand.upm.com/siteassets/images/heros/upm-brand-uicomponents-hero.jpg","nonResponsiveImageUrl":"https://www.brand.upm.com/siteassets/images/heros/upm-brand-uicomponents-hero.jpg?preset=hero-image","scaleToImageSize":false,"selectedAlt":null,"backgroundPositionStyle":""}],"mainContentArea":[{"displayOption":"full","tag":null,"contentLink":{"id":342967,"workId":0,"guidValue":"8e91b3d0-6d08-4e18-b0a7-3c7cbd8ce635","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedExtraMarginBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"marginHeight":"small","renderedHtml":null,"anchorId":"cid_342967"},{"displayOption":"full","tag":null,"contentLink":{"id":739213,"workId":0,"guidValue":"71bedb09-7048-4e95-b705-ea100249eef8","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedTitleBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"titleTag":"h2","title":"UPM's digital DNA and our core guidelines","customAnchorId":"","extraMargin":true,"alignLeft":true,"tooltip":null,"tooltipColor":"","tooltipTextBackgroundColor":"","anchorNavigationEnabled":false,"anchorNavigationTitle":"","renderedHtml":null,"anchorId":"cid_739213","htmlTitle":"UPM's digital DNA and our core guidelines"},{"displayOption":"full","tag":null,"contentLink":{"id":739214,"workId":0,"guidValue":"564e5a6b-5fcb-417e-8a91-54c942af5602","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedContentBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"title":"","body":"

UPM look and feel in digital channels follows UPM's overall visual identity. Accordingly, UPM’s digital channels and applications should always seem fresh, clear, modern, sharp, credible and distinguished. High quality and intentional details in graphic design communicate high quality and professionalism.

","centerContentVertically":null,"horizontalMargin":"","renderedHtml":null,"anchorId":"cid_739214"},{"displayOption":"full","tag":null,"contentLink":{"id":739233,"workId":0,"guidValue":"eb68f014-c838-4fc7-a45b-c5c70ac856ba","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedContentBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"title":"","body":"

UI components

\n

Every digital user interface uses some set of basic component, e.g. buttons, dropdowns, loaders or in marketing channels also content and image elements. Take a look and get the code for your application here.

","centerContentVertically":null,"horizontalMargin":"","renderedHtml":null,"anchorId":"cid_739233"},{"displayOption":"full","tag":null,"contentLink":{"id":739226,"workId":0,"guidValue":"eb84333f-41a0-45a2-9d6e-9e5760bf9776","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedContainerBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"backgroundContainerContent":[{"displayOption":"half","tag":null,"contentLink":{"id":359020,"workId":0,"guidValue":"84d93d38-703d-416b-b068-fb5c00b9be7d","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedManualLinkListBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"renderedHtml":"\n\n"},{"displayOption":"half","tag":null,"contentLink":{"id":359021,"workId":0,"guidValue":"1a3db756-8aff-47d5-8ec8-d046435d2bbf","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedManualLinkListBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"renderedHtml":"\n\n"}],"containerBackgroundColor":"default","keepBackgroundColorInContainer":false,"horizontalMargin":true,"verticalMargin":true,"spreadContentArea":false,"renderedHtml":null,"anchorId":"cid_739226"},{"displayOption":"full","tag":null,"contentLink":{"id":342966,"workId":0,"guidValue":"98f83ff9-de75-4b44-b45a-d99a5608681c","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedExtraMarginBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"marginHeight":"medium","renderedHtml":null,"anchorId":"cid_342966"},{"displayOption":"full","tag":null,"contentLink":{"id":739309,"workId":0,"guidValue":"fe7cf980-8217-4aa2-a590-e5286ab8a6b4","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedContainerBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"backgroundContainerContent":[{"displayOption":"full","tag":null,"contentLink":{"id":739311,"workId":0,"guidValue":"78400c63-0b81-463e-a8b1-beeb8a89f04b","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedTitleBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"titleTag":"h2","title":"See also these","customAnchorId":"","extraMargin":true,"alignLeft":false,"tooltip":null,"tooltipColor":"","tooltipTextBackgroundColor":"","anchorNavigationEnabled":false,"anchorNavigationTitle":"","renderedHtml":null,"anchorId":"cid_739311","htmlTitle":"See also these"},{"displayOption":"half","tag":null,"contentLink":{"id":739317,"workId":0,"guidValue":"126daba9-ce1a-4277-8ba6-d6a8230770ee","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedBannerBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"renderedHtml":"\n\n\n
\n\n\n \n
\n
\n

Design fundamentals

\n Read more\n
\n"},{"displayOption":"half","tag":null,"contentLink":{"id":739318,"workId":0,"guidValue":"6e1b58e9-5692-4977-b993-405d9968f96c","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedBannerBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"renderedHtml":"\n\n\n
\n\n\n \n
\n
\n

Applications

\n Read more\n
\n"},{"displayOption":"full","tag":null,"contentLink":{"id":342967,"workId":0,"guidValue":"8e91b3d0-6d08-4e18-b0a7-3c7cbd8ce635","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedExtraMarginBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"marginHeight":"small","renderedHtml":null,"anchorId":"cid_342967"}],"containerBackgroundColor":"grey","keepBackgroundColorInContainer":false,"horizontalMargin":true,"verticalMargin":true,"spreadContentArea":false,"renderedHtml":null,"anchorId":"cid_739309"}],"invertTimestampSetting":null,"renderedHtml":null,"layoutViewModel":{"pageTitle":"UI components | UPM Brand","companyName":"UPM","companyLogo":"","companyLogoOffsetTop":0,"companyLogoMobile":"","siteName":"Brand","businessLogo":"","headingTitle":null,"leadText":null,"businessLogoOffsetTop":0,"homeLink":"/","homeLinkAbsoluteUrl":"https://www.brand.upm.com/","homeName":null,"metaDescription":null,"pageLanguage":"en","pageLanguageNativeName":"English","googleTagManagerKey":"GTM-5P5RKSZL","dataLayerContentTypes":null,"applyDataLayer":false,"tagManagerEnabledForAllUsers":false,"contentType":"LandingPage","canonicalUrl":"https://www.brand.upm.com/brand-identity-in-use/ui-components/","defaultHrefLangUrl":"https://www.brand.upm.com/brand-identity-in-use/ui-components/","excludeFromSearch":false,"noIndexPage":false,"mainMenuItems":[{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Brand foundation","url":"/brand-introduction/brand-foundation/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"711480","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"The foundation of our renewed brand rests upon two key strategic assets: our positioning statement and our brand promise. Used in a complementary manner, they define how we see ourselves and our place in the global context.","teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-12.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tone of voice","url":"/brand-introduction/tone-of-voice/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"711481","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"Discover how our material solutions company is dedicated to renewing everyday life through our actions and brand personality, guiding our communication and commitment to innovation.","teaserUrl":"/siteassets/images/upm-brand/brand-world-12---tone-of-voice2.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Visual narrative","url":"/brand-introduction/visual-narrative/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"735846","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/brand-world---visual-narrative.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Brand introduction","url":"/brand-introduction/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"711479","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"The first section of the Brand world encapsulates who we are as a brand. In it, you’ll discover the strategic pillars that define our identity and how these elements come together to express what we feel and sound like.","teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-2.png"},{"children":[{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Logo","url":"/brand-identity-in-use/design-fundamentals/logo/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692554","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"Discover UPM-Kymmene Corporation (UPM), a leading global company known for its innovative solutions and sustainable practices. Learn more about our corporate identity and the significance of our logo in our communications.","teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-01.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Business & product names","url":"/brand-identity-in-use/design-fundamentals/business-names-and-product-names/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692555","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-02.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Colors","url":"/brand-identity-in-use/design-fundamentals/colors/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"710451","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-03.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Typography","url":"/brand-identity-in-use/design-fundamentals/typography/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692556","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-04.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Layout","url":"/brand-identity-in-use/design-fundamentals/layout/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692559","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-05.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Image style","url":"/brand-identity-in-use/design-fundamentals/image-style/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692557","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-06.png"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Design fundamentals","url":"/brand-identity-in-use/design-fundamentals/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692552","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-6.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Photo style","url":"/brand-identity-in-use/photo-style/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"735847","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/visual-narrative/video_technicalities_video_ratios.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Video materials","url":"/brand-identity-in-use/Video-materials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"735848","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/visual-narrative/video_technicalities_1.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Social media branding & formats","url":"/brand-identity-in-use/digital-materials/social-media-branding-and-formats/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721225","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/digi-ads02.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Social media profile branding","url":"/brand-identity-in-use/digital-materials/social-media-profile-branding/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721226","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/brand-world_digi-adsintroduction1.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Digital advertising","url":"/brand-identity-in-use/digital-materials/digital-advertising/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721224","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/ads.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Additional graphic elements","url":"/brand-identity-in-use/digital-materials/additional-graphic-elements/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721223","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/read-more-pic.png"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Digital materials","url":"/brand-identity-in-use/digital-materials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721222","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/digi-ads02.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"PowerPoint","url":"/brand-identity-in-use/powerpoint/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"783975","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/upm_ppt_template_tablet_layouts2.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Printed materials","url":"/brand-identity-in-use/printed-materials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"811255","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/brand_upm_print_hero.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Booth branding","url":"/brand-identity-in-use/events-and-displays/booth-branding/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"789384","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/stand1.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Event displays","url":"/brand-identity-in-use/events-and-displays/event-displays/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"789656","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/popupwall-corp-lev.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Events & displays","url":"/brand-identity-in-use/events-and-displays/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"788696","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/stand1.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Signage","url":"/brand-identity-in-use/signage/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"857212","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/application-guidelines/signs-and-buildings/signage-teaser.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Header and navigation","url":"/brand-identity-in-use/ui-components/header-and-navigation/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359254","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tabbed content","url":"/brand-identity-in-use/ui-components/tabbed/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359256","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Background color","url":"/brand-identity-in-use/ui-components/background-color/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"361073","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tables","url":"/brand-identity-in-use/ui-components/tables/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359259","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Loaders","url":"/brand-identity-in-use/ui-components/loaders/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359260","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Video","url":"/brand-identity-in-use/ui-components/video/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359263","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Accordion","url":"/brand-identity-in-use/ui-components/accordion/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359264","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Socials","url":"/brand-identity-in-use/ui-components/socials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359265","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Modals, pop-ups, chats","url":"/brand-identity-in-use/ui-components/modals-and-popups/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"366899","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Heros","url":"/brand-identity-in-use/ui-components/heros/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359268","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Content highlights","url":"/brand-identity-in-use/ui-components/cards/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359270","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Carousels","url":"/brand-identity-in-use/ui-components/carousels/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359303","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Banners","url":"/brand-identity-in-use/ui-components/banners/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359304","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Dropdowns","url":"/brand-identity-in-use/ui-components/dropdown/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359305","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Buttons","url":"/brand-identity-in-use/ui-components/button/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359306","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Forms","url":"/brand-identity-in-use/ui-components/forms/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"382453","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tags & Labels","url":"/brand-identity-in-use/ui-components/tags--labels/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"452620","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null}],"linkType":"normal","enableSubLevelMenu":false,"name":"UI components","url":"/brand-identity-in-use/ui-components/","selected":true,"expanded":true,"columnBreak":false,"targetFrame":"_self","contentLink":"359250","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/visual-narrative/brand_upm_ui_thumbnail.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Brand identity in use","url":"/brand-identity-in-use/","selected":true,"expanded":true,"columnBreak":false,"targetFrame":"_self","contentLink":"692550","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"Discover UPM’s journey in sustainable innovation and explore our evolving brand identity, reflecting our commitment to renewing the everyday through diverse identity assets and applications.","teaserUrl":"/siteassets/images/upm-brand/upm-renewal-layouts3.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Accessibility guidelines","url":"/support/accessibility-guidelines/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"361040","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/accessibility-guidelines.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Support","url":"/support/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"704404","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-7.jpg"}],"complementaryMenuItems":[],"externalLinksForMobileNavigation":[],"sitesMenuItems":{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":null,"url":null,"selected":false,"expanded":false,"columnBreak":false,"targetFrame":null,"contentLink":null,"contentLiftUps":null,"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},"breadcrumbItems":[{"name":"UPM Brand","url":"/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":null,"contentLiftUps":null,"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"name":"Brand identity in use","url":"/brand-identity-in-use/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":null,"contentLiftUps":null,"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null}],"languageMenuItems":[],"alternateLanguages":[{"name":"en","title":"English","url":"https://www.brand.upm.com/brand-identity-in-use/ui-components/","isExternal":false}],"openGraphModel":{"title":"UI components","type":"article","url":"https://www.brand.upm.com/brand-identity-in-use/ui-components/","image":{"imageUrl":"https://www.brand.upm.com/siteassets/images/visual-narrative/brand_upm_ui_thumbnail.jpg","width":1424,"height":801},"siteName":"UI components | UPM Brand","admins":null,"description":null},"footerStickyAreaLinks":null,"floatingFooterSiteLink":null,"floatingFooterDownloadLink":null,"floatingFooterAudioBookLink":null,"pageSpecificStickyFooter":false,"pageSpecificFooter":false,"footerContentArea":[{"displayOption":"third","tag":null,"contentLink":{"id":365616,"workId":0,"guidValue":"bffe41e9-4b9b-4439-a49f-8772742e4392","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedContentBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"title":"","body":"","centerContentVertically":null,"horizontalMargin":"","renderedHtml":null,"anchorId":"cid_365616"},{"displayOption":"third","tag":null,"contentLink":{"id":1014684,"workId":0,"guidValue":"6cc8ab0a-e47c-403e-a6cf-94f31453661c","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedContentBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"title":"","body":"

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Services apply.

","centerContentVertically":false,"horizontalMargin":"","renderedHtml":null,"anchorId":"cid_1014684"}],"footerBottomRowText":"","chapterFooterContent":null,"siteLinksContentArea":null,"isMyForestContent":false,"hideNavigation":false,"hideLanguageSelector":false,"showSocialShare":false,"cookiePolicyName":"UPMCookiePolicy","useCookiePolicyOptOut":true,"cookiePolicySettingsHeader":"

Your selection

\n

You control your data. We and our business partners use cookies to collect information about you for various purposes:

","cookiePolicySettingsFooter":"

You may withdraw your consent at any time by clicking the Cookie settings in the footer of each page.

","cookiePolicyOptOutContent":"

We use cookies on this website to ensure the best user experience and target personalised content and relevant advertising. Some cookies are necessary to provide you with a trustworthy service and cannot be declined. Choose the best option for you. 

\n

For more information, please see our Privacy Policy.

\n

 

","cookiePolicyOptOutChangeContent":"

Your current Cookie Settings

\n

We use cookies on this website to ensure the best user experience and target personalised content and relevant advertising. Some cookies are necessary to provide you with a trustworthy service and cannot be declined. Choose the best option for you. 

\n

For more information, please see our Privacy Policy.

","cookiePolicyOptOutNeedsCookies":"

This content requires you to approve cookies.

\n

We use cookies on this website to ensure the best user experience and to target personalised content and relevant advertising. Please agree to approve cookies to see this content. See our Privacy Policy.

\n

 

","actionBarContentArea":[{"displayOption":"full","tag":null,"contentLink":{"id":365618,"workId":0,"guidValue":"86bf6cfb-f946-491b-bc45-7957dce128f8","providerName":null,"url":null,"expanded":null},"name":null,"language":null,"existingLanguages":[],"masterLanguage":null,"contentType":["Block","SharedSearchActionBlock"],"parentLink":null,"routeSegment":null,"url":null,"changed":null,"created":null,"startPublish":null,"stopPublish":null,"saved":null,"status":null,"renderedHtml":"\n \n"}],"isMyForestPage":false,"isMyForestLobbyPage":false,"paperCatalogueType":"default","getInactiveMainMenuItems":[{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Brand foundation","url":"/brand-introduction/brand-foundation/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"711480","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"The foundation of our renewed brand rests upon two key strategic assets: our positioning statement and our brand promise. Used in a complementary manner, they define how we see ourselves and our place in the global context.","teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-12.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tone of voice","url":"/brand-introduction/tone-of-voice/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"711481","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"Discover how our material solutions company is dedicated to renewing everyday life through our actions and brand personality, guiding our communication and commitment to innovation.","teaserUrl":"/siteassets/images/upm-brand/brand-world-12---tone-of-voice2.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Visual narrative","url":"/brand-introduction/visual-narrative/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"735846","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/brand-world---visual-narrative.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Brand introduction","url":"/brand-introduction/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"711479","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"The first section of the Brand world encapsulates who we are as a brand. In it, you’ll discover the strategic pillars that define our identity and how these elements come together to express what we feel and sound like.","teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-2.png"},{"children":[{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Logo","url":"/brand-identity-in-use/design-fundamentals/logo/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692554","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"Discover UPM-Kymmene Corporation (UPM), a leading global company known for its innovative solutions and sustainable practices. Learn more about our corporate identity and the significance of our logo in our communications.","teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-01.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Business & product names","url":"/brand-identity-in-use/design-fundamentals/business-names-and-product-names/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692555","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-02.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Colors","url":"/brand-identity-in-use/design-fundamentals/colors/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"710451","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-03.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Typography","url":"/brand-identity-in-use/design-fundamentals/typography/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692556","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-04.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Layout","url":"/brand-identity-in-use/design-fundamentals/layout/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692559","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-05.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Image style","url":"/brand-identity-in-use/design-fundamentals/image-style/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692557","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/design-fundamentals-06.png"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Design fundamentals","url":"/brand-identity-in-use/design-fundamentals/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"692552","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-6.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Photo style","url":"/brand-identity-in-use/photo-style/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"735847","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/visual-narrative/video_technicalities_video_ratios.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Video materials","url":"/brand-identity-in-use/Video-materials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"735848","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/visual-narrative/video_technicalities_1.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Social media branding & formats","url":"/brand-identity-in-use/digital-materials/social-media-branding-and-formats/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721225","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/digi-ads02.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Social media profile branding","url":"/brand-identity-in-use/digital-materials/social-media-profile-branding/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721226","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/brand-world_digi-adsintroduction1.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Digital advertising","url":"/brand-identity-in-use/digital-materials/digital-advertising/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721224","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/ads.png"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Additional graphic elements","url":"/brand-identity-in-use/digital-materials/additional-graphic-elements/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721223","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/read-more-pic.png"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Digital materials","url":"/brand-identity-in-use/digital-materials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"721222","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/digi-ads02.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"PowerPoint","url":"/brand-identity-in-use/powerpoint/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"783975","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/upm_ppt_template_tablet_layouts2.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Printed materials","url":"/brand-identity-in-use/printed-materials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"811255","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/brand_upm_print_hero.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Booth branding","url":"/brand-identity-in-use/events-and-displays/booth-branding/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"789384","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/stand1.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Event displays","url":"/brand-identity-in-use/events-and-displays/event-displays/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"789656","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/popupwall-corp-lev.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Events & displays","url":"/brand-identity-in-use/events-and-displays/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"788696","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/stand1.jpg"},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Signage","url":"/brand-identity-in-use/signage/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"857212","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/application-guidelines/signs-and-buildings/signage-teaser.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Header and navigation","url":"/brand-identity-in-use/ui-components/header-and-navigation/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359254","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tabbed content","url":"/brand-identity-in-use/ui-components/tabbed/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359256","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Background color","url":"/brand-identity-in-use/ui-components/background-color/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"361073","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tables","url":"/brand-identity-in-use/ui-components/tables/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359259","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Loaders","url":"/brand-identity-in-use/ui-components/loaders/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359260","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Video","url":"/brand-identity-in-use/ui-components/video/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359263","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Accordion","url":"/brand-identity-in-use/ui-components/accordion/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359264","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Socials","url":"/brand-identity-in-use/ui-components/socials/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359265","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Modals, pop-ups, chats","url":"/brand-identity-in-use/ui-components/modals-and-popups/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"366899","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Heros","url":"/brand-identity-in-use/ui-components/heros/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359268","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Content highlights","url":"/brand-identity-in-use/ui-components/cards/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359270","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Carousels","url":"/brand-identity-in-use/ui-components/carousels/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359303","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Banners","url":"/brand-identity-in-use/ui-components/banners/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359304","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Dropdowns","url":"/brand-identity-in-use/ui-components/dropdown/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359305","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Buttons","url":"/brand-identity-in-use/ui-components/button/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"359306","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Forms","url":"/brand-identity-in-use/ui-components/forms/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"382453","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null},{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Tags & Labels","url":"/brand-identity-in-use/ui-components/tags--labels/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"452620","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":null}],"linkType":"normal","enableSubLevelMenu":false,"name":"UI components","url":"/brand-identity-in-use/ui-components/","selected":true,"expanded":true,"columnBreak":false,"targetFrame":"_self","contentLink":"359250","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/visual-narrative/brand_upm_ui_thumbnail.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Brand identity in use","url":"/brand-identity-in-use/","selected":true,"expanded":true,"columnBreak":false,"targetFrame":"_self","contentLink":"692550","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":"Discover UPM’s journey in sustainable innovation and explore our evolving brand identity, reflecting our commitment to renewing the everyday through diverse identity assets and applications.","teaserUrl":"/siteassets/images/upm-brand/upm-renewal-layouts3.jpg"},{"children":[{"children":[],"linkType":"normal","enableSubLevelMenu":false,"name":"Accessibility guidelines","url":"/support/accessibility-guidelines/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"361040","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/accessibility-guidelines.jpg"}],"linkType":"normal","enableSubLevelMenu":false,"name":"Support","url":"/support/","selected":false,"expanded":false,"columnBreak":false,"targetFrame":"_self","contentLink":"704404","contentLiftUps":[],"useExternalLinkIcon":false,"teaserText":null,"teaserUrl":"/siteassets/images/upm-brand/upm-brand-foundation-7.jpg"}],"quickNavigator":null,"inPageNavigation":false,"inPageNavigationItems":null,"inPageAnchorNavigation":false,"inPageAnchorNavigationItems":null,"relatedArticles":{"page":"359250","useInfiniteScroll":false,"items":[]},"tagPageReferences":null,"announcements":null,"footerSocialMediaLinks":[[{"linkType":"linkedin","link":"http://www.linkedin.com/company/upm-kymmene"},{"linkType":"facebook","link":"https://www.facebook.com/UPMGlobal"}],[{"linkType":"instagram","link":"https://www.instagram.com/upm_beyondfossils"},{"linkType":"x","link":"https://twitter.com/UPMGlobal"}],[{"linkType":"youtube","link":"http://www.youtube.com/upmdotcom"}]],"schemaOrgMetadata":null,"brightEdgeAutopilotEnabled":false,"enableSubLevelMenuForSite":false,"schemaMarkupEnabled":false},"metadata":{"isAuthenticated":false,"currentLanguage":"en"},"settings":{"navigation":{"isOnePager":false,"useChineseLogo":false,"showLanguageSelector":false},"newsLetterSubscriptionUrl":null,"kontaktiMChatKey":null,"navigationV2Enabled":true,"navigationV2Condensed":false},"finalTagReferences":[],"timestamp":{"showTimestamp":false,"date":"10.07.2025"},"showAnnouncements":false}]