Brand Sweden has three overarching principles that work as an overall compass when designing: consistent, simple and contextual. These design principles guide the detailed design decisions.
1. Consistent A consistent use of the visual identity in all communication creates a sustainable brand expression.
This means that we always use the flag together with the Swedish blue and yellow colours and the the original bespoke typeface Sweden Sans.
Each piece is a part of a greater whole and contributes to a design system at scale, with the purpose to strengthen Brand Sweden.
Key takeaways: flag, primary colour, main typeface.
2. Simple Always strive for a simple and minimalist look. We have a clear identity and we avoid anything that feels complicated.
This means that, to be powerful, we use few primary identity carriers instead of many elements. Use a single, all-encompassing picture instead of several small ones, maximise the space for the type settings in Sweden Sans and use the grid system to structure the design consistently. This way we’ll be clear in our communication.
Key takeaways: use of one single image, space for type setting and design based on the grid system. Always strive for a simple and minimalist look.
3. Contextual While remaining consistent, use the design assets and the possible variations of design depending on what you want to achieve with the communication, and where in the world the communication is to be used. Use the nuances built into the identity to stay relevant and in context without losing clarity in the look and feel.
For example, use a subdued colour scale* and suitable imagery when communicating a complex and/or sensitive subject. Use the power of strong colours, layout and imagery when communicating a playful message. If you operate in a region with specific preferences, use the most suitable options within the identity to anchor your communication locally.
The graphic element can be adapted and used in endless and interesting variations based on the context. It’s a good example of how to bring creativity and innovation into the day-to-day design work.
*Secondary colours A, secondary colours B (greyscale)
Key takeaway: use a more subdued colour scale when communicating a complex subject, such as democracy. Key takeaways: let the image and text stand out by using a subdued background colour, and adjust the background colour so it suits the image of your choice. Sweden Yellow Standard works great for tags and business cards. {
"slug": "design-principles",
"type": "Page",
"theme": "theme-light",
"pageProps": {
"appProps": {
"socialMediaUrls": {
"facebook": null,
"twitter": null,
"messenger": null,
"vk": null,
"spotify": null,
"instagram": null,
"whatsapp": null,
"youtube": null,
"telegram": null,
"__typename": "SwedenSettings_SiSettings_SocialMediaUrls"
},
"cookieSettings": {
"cookieBanner": {
"bannerText": "<p>Sharing Sweden uses cookies to improve your experience of the website. Read more in our <a href=\"https://sharingsweden-backend.c2673.cloudnet.cloud/cookie-policy\">Cookie policy</a>.</p>\n",
"bannerTitle": "<p><strong>Cookies</strong></p>\n",
"__typename": "SwedenSettings_SiSettings_CookieSettings_CookieBanner"
},
"settingsButtonText": "Cookie-settings",
"settingsConfirmButtonText": "Confirm settings",
"settingsText": "<p>A cookie is a small text file stored on your device that allows us to recognise and remember you.</p>\n<p>Sharingsweden.se uses cookies and other data in order to deliver and improve your experience of this website. For instance, we and our partners may use information about you, your devices and your online interactions with us to provide, analyse and improve our services.</p>\n<p>The categories of cookies that we may use are necessary as well as statistics and analytics cookies. Learn more about how we use cookies by reading our <a href=\"https://sharingsweden-backend.c2673.cloudnet.cloud/cookie-policy\">Cookie policy</a>.</p>\n",
"acceptButtonText": "Accept all cookies",
"categories": [
{
"alwaysCheckedText": "always on",
"hasAccepted": null,
"id": "cookie_consent_essentials",
"isCheckedText": "active",
"isNotCheckedText": "inactive",
"optional": null,
"text": "Necessary cookies are essential for you to browse our website and use its features. We are using cookies to remember your consent. This type of cookie is activated by default and you can only deactivate it by turning off cookies in your browser. ",
"title": "Necessary",
"__typename": "SwedenSettings_SiSettings_CookieSettings_categories"
},
{
"alwaysCheckedText": "always on",
"hasAccepted": null,
"id": "cookie_consent_statistics",
"isCheckedText": "active",
"isNotCheckedText": "inactive",
"optional": true,
"text": "Analytical cookies are used to measure how often our website is visited and how it is used. We use this information to get a better sense of where our users come from and how they interact with our content. For this, we use third-party cookies, the Google Analytics Cookies. These cookies are deactivated by default. If you choose to activate statistics and analytics cookies, we use IP anonymisation. You can deactivate these cookies at any time. ",
"title": "Statistics and analytics",
"__typename": "SwedenSettings_SiSettings_CookieSettings_categories"
}
],
"__typename": "SwedenSettings_SiSettings_CookieSettings"
},
"fallBackImage": {
"src": null,
"alt": "",
"height": 0,
"width": 0,
"title": null
},
"articleAuthorSettings": {
"textBeforeDate": "Published at"
},
"shareWidgetSettings": {
"headerText": null,
"shareButtonIconProps": [],
"copyText": null,
"afterCopyText": null,
"failedToCopyText": null
},
"navBarSettings": {
"navBarLogos": {
"mainLogo": null,
"mainLogoAriaLabel": "Sharing sweden logo",
"darkTextLogo": null,
"lightTextLogo": null
},
"navigationLabels": {
"toggleMenuLabel": null,
"toggleSearchLabel": null
}
},
"menu": {
"selectLabel": null,
"selectGroupLabel": null,
"selectOptions": [],
"linkGroup": [
[
{
"link": {
"title": "About Sharing Sweden",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/about-sharing-sweden",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
},
{
"link": {
"title": "Contact",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/contact",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
},
{
"link": {
"title": "FAQ",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/faq",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
}
],
[
{
"link": {
"title": "News",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/news",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
},
{
"link": {
"title": "Newsletter",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/newsletter",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
},
{
"link": {
"title": "Financial support",
"url": "https://sharingsweden.se/promotional-material/financial-support-and-how-to-apply",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
}
],
[
{
"link": {
"title": "Accessibility",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/accessibility",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
},
{
"link": {
"title": "Cookies policy",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/cookie-policy",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
},
{
"link": {
"title": "Terms and conditions of use",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/terms-and-conditions/",
"__typename": "AcfLink"
},
"__typename": "FooterApi_Footer_linkGroup_links"
}
]
],
"iconLinks": [],
"mainMenuContent": [
{
"id": 250,
"href": "/the-sweden-brand/",
"title": "The Sweden brand",
"subMenuItems": [
{
"id": 255,
"href": "/the-sweden-brand/brand-strategy/",
"title": "The brand of Sweden as a strategic asset",
"subMenuItems": []
},
{
"id": 329,
"href": "/the-sweden-brand/the-image-of-sweden-abroad/",
"title": "The image of Sweden abroad",
"subMenuItems": []
},
{
"id": 2392,
"href": "/the-sweden-brand/brand-visual-identity/",
"title": "Brand visual identity",
"subMenuItems": [
{
"id": 328,
"href": "/the-sweden-brand/brand-visual-identity/how-to-use-the-identity/",
"title": "How to use the identity"
},
{
"id": 327,
"href": "/the-sweden-brand/brand-visual-identity/design-principles/",
"title": "Design principles"
},
{
"id": 326,
"href": "/the-sweden-brand/brand-visual-identity/brand-marks/",
"title": "Brand marks"
},
{
"id": 325,
"href": "/the-sweden-brand/brand-visual-identity/colour/",
"title": "Colour"
},
{
"id": 324,
"href": "/the-sweden-brand/brand-visual-identity/accessibility/",
"title": "Accessibility"
},
{
"id": 323,
"href": "/the-sweden-brand/brand-visual-identity/typography/",
"title": "Typography"
},
{
"id": 322,
"href": "/the-sweden-brand/brand-visual-identity/grid/",
"title": "Grid"
},
{
"id": 321,
"href": "/the-sweden-brand/brand-visual-identity/tone-of-motion/",
"title": "Tone of motion"
},
{
"id": 320,
"href": "/the-sweden-brand/brand-visual-identity/illustration/",
"title": "Illustration"
},
{
"id": 319,
"href": "/the-sweden-brand/brand-visual-identity/graphic-element/",
"title": "Graphic element"
},
{
"id": 318,
"href": "/the-sweden-brand/brand-visual-identity/best-practice/",
"title": "Best practice"
}
]
}
]
},
{
"id": 241,
"href": "/promotional-material/",
"title": "Promotional material",
"subMenuItems": [
{
"id": 247,
"href": "/promotional-material/trade-and-talent/",
"title": "Trade and talent",
"subMenuItems": []
},
{
"id": 244,
"href": "/promotional-material/culture-and-lifestyle/",
"title": "Culture and lifestyle",
"subMenuItems": []
},
{
"id": 243,
"href": "/promotional-material/democracy-and-governance/",
"title": "Democracy and governance",
"subMenuItems": []
},
{
"id": 246,
"href": "/promotional-material/the-swedish-film-selection/",
"title": "The Swedish film selection",
"subMenuItems": []
},
{
"id": 245,
"href": "/promotional-material/image-bank-sweden/",
"title": "Image Bank Sweden",
"subMenuItems": []
},
{
"id": 242,
"href": "/promotional-material/toolkits-social-media-video-and-more/",
"title": "All toolkits, social media, video and more",
"subMenuItems": []
}
]
},
{
"id": 291,
"href": "/calendar/",
"title": "Calendar",
"subMenuItems": []
}
]
},
"footer": {
"copyright": "Copyright © 2023 Swedish Institute",
"linkGroup": [
[
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/about-sharing-sweden",
"name": "About Sharing Sweden"
},
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/contact",
"name": "Contact"
},
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/faq",
"name": "FAQ"
}
],
[
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/news",
"name": "News"
},
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/newsletter",
"name": "Newsletter"
},
{
"href": "https://sharingsweden.se/promotional-material/financial-support-and-how-to-apply",
"name": "Financial support"
}
],
[
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/accessibility",
"name": "Accessibility"
},
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/cookie-policy",
"name": "Cookies policy"
},
{
"href": "https://sharingsweden-backend.c2673.cloudnet.cloud/terms-and-conditions/",
"name": "Terms and conditions of use"
}
]
],
"logos": [
{
"ariaLabel": "Link to sweden.se",
"logo": {
"anchorProps": {
"href": "https://sweden.se/"
},
"imageProps": {
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/sweden_logo.svg",
"alt": null,
"height": null,
"width": null
}
}
},
{
"ariaLabel": "Link to si.se",
"logo": {
"anchorProps": {
"href": "https://si.se/"
},
"imageProps": {
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/si_logo.svg",
"alt": null,
"height": null,
"width": null
}
}
}
]
},
"skipToContent": null,
"cookieLabel": null,
"previousSlideLabel": null,
"nextSlideLabel": null,
"toolkitApplyButtonText": null,
"searchFilterProps": {
"topic": "Topic",
"format": "Format",
"topicFilters": [
{
"item": "Arts & design"
},
{
"item": "Business & entrepreneurship"
},
{
"item": "Celebrations"
},
{
"item": "Children & youth"
},
{
"item": "Democracy"
},
{
"item": "Equality"
},
{
"item": "Food"
},
{
"item": "History"
},
{
"item": "Innovation"
},
{
"item": "LGBTQI+"
},
{
"item": "Society"
},
{
"item": "Sports"
},
{
"item": "Study and research"
},
{
"item": "Sustainability"
},
{
"item": "Sweden in general"
},
{
"item": "Swedish language"
}
],
"formatFilters": [
{
"item": "Toolkit"
},
{
"item": "Feature film"
},
{
"item": "Brochures and event materials"
},
{
"item": "Exhibition"
},
{
"item": "Fact sheets"
},
{
"item": "Presentations"
},
{
"item": "Social media content"
},
{
"item": "Templates"
},
{
"item": "Video"
}
],
"languageOptions": [
"albanian",
"arabic",
"armenian",
"chinese",
"croatian",
"english",
"french",
"german",
"japanese",
"korean",
"latvian",
"russian",
"slovenian",
"spanish",
"swedish"
]
},
"searchComponentData": {
"searchComponent": {
"beforeQuery": null,
"afterQuery": null,
"preResultText": null,
"afterResultText": null
},
"searchField": {
"placeholder": "Search social media, video, toolkits and more",
"submitButtonText": "Search",
"label": "search",
"searchPageUri": "/promotional-material/toolkits-social-media-video-and-more/"
},
"hijackData": []
}
},
"post": {
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/",
"seo": {
"head": "<!-- This site is optimized with the Yoast SEO plugin v22.2 - https://yoast.com/wordpress/plugins/seo/ -->\n<link rel=\"canonical\" href=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\" />\n<meta property=\"og:locale\" content=\"en_US\" />\n<meta property=\"og:type\" content=\"article\" />\n<meta property=\"og:title\" content=\"Design principles - Sharing Sweden\" />\n<meta property=\"og:url\" content=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\" />\n<meta property=\"og:site_name\" content=\"Sharing Sweden\" />\n<meta property=\"article:modified_time\" content=\"2023-12-28T11:46:15+00:00\" />\n<meta property=\"og:image\" content=\"http://sharingsweden.se/_next/image?url=http%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F10%2FIdentity-consistent.png&w=1200&q=90\" />\n<meta name=\"twitter:card\" content=\"summary_large_image\" />\n<meta name=\"twitter:label1\" content=\"Est. reading time\" />\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" />\n<script type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\",\"url\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\",\"name\":\"Design principles - Sharing Sweden\",\"isPartOf\":{\"@id\":\"http://sharingsweden.se/#website\"},\"primaryImageOfPage\":{\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/#primaryimage\"},\"image\":{\"@id\":\"https://sharingsweden-backend.c2673.cloudnet.cloud/the-sweden-brand/brand-visual-identity/design-principles/#primaryimage\"},\"thumbnailUrl\":\"http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Identity-consistent.png\",\"datePublished\":\"2023-05-12T12:41:53+00:00\",\"dateModified\":\"2023-12-28T11:46:15+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/#primaryimage\",\"url\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F10%2FIdentity-consistent.png&w=1200&q=90\",\"contentUrl\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F10%2FIdentity-consistent.png&w=1200&q=90\",\"width\":1200,\"height\":848,\"caption\":\"Design layout for a web page, using the colours and typeface of Brand Sweden.\"},{\"@type\":\"WebSite\",\"@id\":\"http://sharingsweden.se/#website\",\"url\":\"http://sharingsweden.se/\",\"name\":\"Sharing Sweden\",\"description\":\"A comprehensive collection of resources to promote Sweden to an international audience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http://sharingsweden.se/search?query={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}</script>\n<!-- / Yoast SEO plugin. -->",
"shareUrl": "http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/",
"title": "Design principles - Sharing Sweden"
},
"date": "2023-05-12T12:41:53",
"type": "Page",
"breadcrumbs": [
{
"title": "Start",
"href": "/",
"isCurrentPage": false
},
{
"title": "The Sweden brand",
"href": "/the-sweden-brand/",
"isCurrentPage": false
},
{
"title": "Brand visual identity",
"href": "/the-sweden-brand/brand-visual-identity/",
"isCurrentPage": false
},
{
"title": "Design principles",
"href": "/the-sweden-brand/brand-visual-identity/design-principles/",
"isCurrentPage": true
}
],
"searchPage": null,
"heroSlides": null,
"featuredMedia": {
"imageBlockProps": {
"imageProps": {
"src": null,
"alt": "",
"title": "",
"height": 0,
"width": 0,
"caption": null
},
"caption": null
},
"embedDataProps": null,
"caption": null
},
"featuredImage": null,
"title": "Design principles",
"subHeading": null,
"slug": "design-principles",
"toolkitData": [],
"eventData": [],
"template": {
"templateName": "Default",
"__typename": "DefaultTemplate"
},
"sidebarMenu": {
"currentUrl": "/the-sweden-brand/brand-visual-identity/design-principles/",
"menuItems": [
{
"id": 448,
"href": "/the-sweden-brand/brand-visual-identity/how-to-use-the-identity/",
"title": "How to use the identity"
},
{
"id": 445,
"href": "/the-sweden-brand/brand-visual-identity/design-principles/",
"title": "Design principles"
},
{
"id": 443,
"href": "/the-sweden-brand/brand-visual-identity/brand-marks/",
"title": "Brand marks"
},
{
"id": 444,
"href": "/the-sweden-brand/brand-visual-identity/colour/",
"title": "Colour"
},
{
"id": 440,
"href": "/the-sweden-brand/brand-visual-identity/accessibility/",
"title": "Accessibility"
},
{
"id": 451,
"href": "/the-sweden-brand/brand-visual-identity/typography/",
"title": "Typography"
},
{
"id": 447,
"href": "/the-sweden-brand/brand-visual-identity/grid/",
"title": "Grid"
},
{
"id": 450,
"href": "/the-sweden-brand/brand-visual-identity/tone-of-motion/",
"title": "Tone of motion"
},
{
"id": 449,
"href": "/the-sweden-brand/brand-visual-identity/illustration/",
"title": "Illustration"
},
{
"id": 446,
"href": "/the-sweden-brand/brand-visual-identity/graphic-element/",
"title": "Graphic element"
},
{
"id": 441,
"href": "/the-sweden-brand/brand-visual-identity/best-practice/",
"title": "Best practice"
}
]
},
"childPages": [],
"rows": [
{
"left": [],
"right": [
{
"type": "preamble",
"anchorId": "",
"children": [
{
"type": "paragraph",
"anchorId": "",
"children": "Brand Sweden has three overarching principles that work as an overall compass when designing: consistent, simple and contextual. These design principles guide the detailed design decisions."
}
]
},
{
"type": "anchor-link-menu",
"anchorId": "",
"title": "Content included",
"anchorLinks": [
{
"title": "1. Consistent",
"href": "#1.-consistent"
},
{
"title": "2. Simple",
"href": "#2.-simple"
},
{
"title": "3. Contextual",
"href": "#3.-contextual"
}
]
},
{
"type": "section",
"anchorId": "1.-consistent",
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "1. Consistent"
},
{
"type": "paragraph",
"anchorId": "",
"children": "A consistent use of the visual identity in all communication creates a sustainable brand expression."
},
{
"type": "paragraph",
"anchorId": "",
"children": "This means that we always use the flag together with the Swedish blue and yellow colours and the the original bespoke typeface Sweden Sans."
},
{
"type": "paragraph",
"anchorId": "",
"children": "Each piece is a part of a greater whole and contributes to a design system at scale, with the purpose to strengthen Brand Sweden."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaways: flag, primary colour, main typeface.",
"title": "Identity consistent",
"alt": "Design layout for a web page, using the colours and typeface of Brand Sweden.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Identity-consistent.png",
"width": 2000,
"height": 1414
}
]
},
{
"type": "section",
"anchorId": "2.-simple",
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "2. Simple"
},
{
"type": "paragraph",
"anchorId": "",
"children": "Always strive for a simple and minimalist look. We have a clear identity and we avoid anything that feels complicated."
},
{
"type": "paragraph",
"anchorId": "",
"children": "This means that, to be powerful, we use few primary identity carriers instead of many elements. Use a single, all-encompassing picture instead of several small ones, maximise the space for the type settings in <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/typography\">Sweden Sans</a> and use the <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid\">grid system</a> to structure the design consistently. This way we’ll be clear in our communication."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaways: use of one single image, space for type setting and design based on the grid system.",
"title": "Identity simple 1",
"alt": "A webpage showing how to design according to the grid system.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Identity-simple-1.png",
"width": 2000,
"height": 1414
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Always strive for a simple and minimalist look.",
"title": "Design based grid system",
"alt": "An example of the design layout for posters, based on the grid system.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Design-based-grid-system.png",
"width": 1920,
"height": 1080
}
]
},
{
"type": "section",
"anchorId": "3.-contextual",
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "3. Contextual"
},
{
"type": "paragraph",
"anchorId": "",
"children": "While remaining consistent, use the design assets and the possible variations of design depending on what you want to achieve with the communication, and where in the world the communication is to be used. Use the nuances built into the identity to stay relevant and in context without losing clarity in the look and feel."
},
{
"type": "paragraph",
"anchorId": "",
"children": "For example, use a subdued colour scale* and suitable imagery when communicating a complex and/or sensitive subject. Use the power of strong colours, layout and imagery when communicating a playful message. If you operate in a region with specific preferences, use the most suitable options within the identity to anchor your communication locally."
},
{
"type": "paragraph",
"anchorId": "",
"children": "The <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/graphic-element\">graphic element</a> can be adapted and used in endless and interesting variations based on the context. It’s a good example of how to bring creativity and innovation into the day-to-day design work."
},
{
"type": "paragraph",
"anchorId": "",
"children": "*Secondary colours A, secondary colours B (greyscale)"
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaway: use a more subdued colour scale when communicating a complex subject, such as democracy.",
"title": "Identity-Sweden-Sweden_11",
"alt": "Printed and digital examples of design.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sweden_11-scaled.jpg",
"width": 2560,
"height": 1575
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaways: let the image and text stand out by using a subdued background colour, and adjust the background colour so it suits the image of your choice. Sweden Yellow Standard works great for tags and business cards.",
"title": "Identity Sweden Sharewear_10",
"alt": "Small poster design in Grain Yellow (background) and Dark Dawn Blue (text) with a picture of stacked clothes from Filippa K. Tags and business card set with Sweden Yellow Standard (background).",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sharewear_10.jpg",
"width": 2500,
"height": 1500
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Design-principles-example-graphic-element",
"alt": "The graphic element used as the main focus of a video poster.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Design-principles-example-graphic-element.png",
"width": 1920,
"height": 1080
}
]
}
],
"fullWidth": false,
"stickyLeft": true,
"reverseColumnOrderOnMobile": false
}
],
"blocks": [
{
"left": [],
"right": [
{
"type": "preamble",
"anchorId": "",
"children": [
{
"type": "paragraph",
"anchorId": "",
"children": "Brand Sweden has three overarching principles that work as an overall compass when designing: consistent, simple and contextual. These design principles guide the detailed design decisions."
}
]
},
{
"type": "anchor-link-menu",
"anchorId": "",
"title": "Content included",
"anchorLinks": [
{
"title": "1. Consistent",
"href": "#1.-consistent"
},
{
"title": "2. Simple",
"href": "#2.-simple"
},
{
"title": "3. Contextual",
"href": "#3.-contextual"
}
]
},
{
"type": "section",
"anchorId": "1.-consistent",
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "1. Consistent"
},
{
"type": "paragraph",
"anchorId": "",
"children": "A consistent use of the visual identity in all communication creates a sustainable brand expression."
},
{
"type": "paragraph",
"anchorId": "",
"children": "This means that we always use the flag together with the Swedish blue and yellow colours and the the original bespoke typeface Sweden Sans."
},
{
"type": "paragraph",
"anchorId": "",
"children": "Each piece is a part of a greater whole and contributes to a design system at scale, with the purpose to strengthen Brand Sweden."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaways: flag, primary colour, main typeface.",
"title": "Identity consistent",
"alt": "Design layout for a web page, using the colours and typeface of Brand Sweden.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Identity-consistent.png",
"width": 2000,
"height": 1414
}
]
},
{
"type": "section",
"anchorId": "2.-simple",
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "2. Simple"
},
{
"type": "paragraph",
"anchorId": "",
"children": "Always strive for a simple and minimalist look. We have a clear identity and we avoid anything that feels complicated."
},
{
"type": "paragraph",
"anchorId": "",
"children": "This means that, to be powerful, we use few primary identity carriers instead of many elements. Use a single, all-encompassing picture instead of several small ones, maximise the space for the type settings in <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/typography\">Sweden Sans</a> and use the <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid\">grid system</a> to structure the design consistently. This way we’ll be clear in our communication."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaways: use of one single image, space for type setting and design based on the grid system.",
"title": "Identity simple 1",
"alt": "A webpage showing how to design according to the grid system.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Identity-simple-1.png",
"width": 2000,
"height": 1414
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Always strive for a simple and minimalist look.",
"title": "Design based grid system",
"alt": "An example of the design layout for posters, based on the grid system.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Design-based-grid-system.png",
"width": 1920,
"height": 1080
}
]
},
{
"type": "section",
"anchorId": "3.-contextual",
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "3. Contextual"
},
{
"type": "paragraph",
"anchorId": "",
"children": "While remaining consistent, use the design assets and the possible variations of design depending on what you want to achieve with the communication, and where in the world the communication is to be used. Use the nuances built into the identity to stay relevant and in context without losing clarity in the look and feel."
},
{
"type": "paragraph",
"anchorId": "",
"children": "For example, use a subdued colour scale* and suitable imagery when communicating a complex and/or sensitive subject. Use the power of strong colours, layout and imagery when communicating a playful message. If you operate in a region with specific preferences, use the most suitable options within the identity to anchor your communication locally."
},
{
"type": "paragraph",
"anchorId": "",
"children": "The <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/graphic-element\">graphic element</a> can be adapted and used in endless and interesting variations based on the context. It’s a good example of how to bring creativity and innovation into the day-to-day design work."
},
{
"type": "paragraph",
"anchorId": "",
"children": "*Secondary colours A, secondary colours B (greyscale)"
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaway: use a more subdued colour scale when communicating a complex subject, such as democracy.",
"title": "Identity-Sweden-Sweden_11",
"alt": "Printed and digital examples of design.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sweden_11-scaled.jpg",
"width": 2560,
"height": 1575
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Key takeaways: let the image and text stand out by using a subdued background colour, and adjust the background colour so it suits the image of your choice. Sweden Yellow Standard works great for tags and business cards.",
"title": "Identity Sweden Sharewear_10",
"alt": "Small poster design in Grain Yellow (background) and Dark Dawn Blue (text) with a picture of stacked clothes from Filippa K. Tags and business card set with Sweden Yellow Standard (background).",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sharewear_10.jpg",
"width": 2500,
"height": 1500
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Design-principles-example-graphic-element",
"alt": "The graphic element used as the main focus of a video poster.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Design-principles-example-graphic-element.png",
"width": 1920,
"height": 1080
}
]
}
],
"fullWidth": false,
"stickyLeft": true,
"reverseColumnOrderOnMobile": false
}
],
"calendarItems": [],
"extra": {
"content": {
"__typename": "Page",
"slug": "design-principles",
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/",
"date": "2023-05-12T12:41:53",
"databaseId": 297,
"breadcrumbs": "[{\"title\":\"Start\",\"href\":\"\\/\",\"isCurrentPage\":false},{\"title\":\"The Sweden brand\",\"href\":\"\\/the-sweden-brand\\/\",\"isCurrentPage\":false},{\"title\":\"Brand visual identity\",\"href\":\"\\/the-sweden-brand\\/brand-visual-identity\\/\",\"isCurrentPage\":false},{\"title\":\"Design principles\",\"href\":\"\\/the-sweden-brand\\/brand-visual-identity\\/design-principles\\/\",\"isCurrentPage\":true}]",
"hero": {
"heroSlides": null,
"__typename": "Page_Hero"
},
"featuredMedia": {
"useFeaturedVideo": null,
"embedCode": null,
"embedCaption": null,
"__typename": "Page_Featuredmedia"
},
"template": {
"templateName": "Default",
"__typename": "DefaultTemplate"
},
"sidebarMenu": "[{\"ID\":448,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"448\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=448\",\"menu_order\":1,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":448,\"menu_item_parent\":\"0\",\"object_id\":\"295\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/how-to-use-the-identity\\/\",\"title\":\"How to use the identity\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":445,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"445\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=445\",\"menu_order\":2,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":445,\"menu_item_parent\":\"0\",\"object_id\":\"297\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/design-principles\\/\",\"title\":\"Design principles\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":443,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"443\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=443\",\"menu_order\":3,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":443,\"menu_item_parent\":\"0\",\"object_id\":\"300\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/brand-marks\\/\",\"title\":\"Brand marks\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":444,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"444\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=444\",\"menu_order\":4,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":444,\"menu_item_parent\":\"0\",\"object_id\":\"302\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/colour\\/\",\"title\":\"Colour\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":440,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"440\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=440\",\"menu_order\":5,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":440,\"menu_item_parent\":\"0\",\"object_id\":\"304\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/accessibility\\/\",\"title\":\"Accessibility\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":451,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"451\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=451\",\"menu_order\":6,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":451,\"menu_item_parent\":\"0\",\"object_id\":\"306\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/typography\\/\",\"title\":\"Typography\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":447,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"447\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=447\",\"menu_order\":7,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":447,\"menu_item_parent\":\"0\",\"object_id\":\"308\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/grid\\/\",\"title\":\"Grid\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":450,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"450\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=450\",\"menu_order\":8,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":450,\"menu_item_parent\":\"0\",\"object_id\":\"310\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/tone-of-motion\\/\",\"title\":\"Tone of motion\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":449,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"449\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=449\",\"menu_order\":9,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":449,\"menu_item_parent\":\"0\",\"object_id\":\"312\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/illustration\\/\",\"title\":\"Illustration\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":446,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"446\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=446\",\"menu_order\":10,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":446,\"menu_item_parent\":\"0\",\"object_id\":\"314\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/graphic-element\\/\",\"title\":\"Graphic element\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"},{\"ID\":441,\"post_author\":\"4\",\"post_date\":\"2023-06-15 12:00:05\",\"post_date_gmt\":\"2023-06-13 15:12:23\",\"post_content\":\" \",\"post_title\":\"\",\"post_excerpt\":\"\",\"post_status\":\"publish\",\"comment_status\":\"closed\",\"ping_status\":\"closed\",\"post_password\":\"\",\"post_name\":\"441\",\"to_ping\":\"\",\"pinged\":\"\",\"post_modified\":\"2023-06-15 12:00:05\",\"post_modified_gmt\":\"2023-06-15 12:00:05\",\"post_content_filtered\":\"\",\"post_parent\":257,\"guid\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/?p=441\",\"menu_order\":11,\"post_type\":\"nav_menu_item\",\"post_mime_type\":\"\",\"comment_count\":\"0\",\"filter\":\"raw\",\"db_id\":441,\"menu_item_parent\":\"0\",\"object_id\":\"316\",\"object\":\"page\",\"type\":\"post_type\",\"type_label\":\"Page\",\"url\":\"https:\\/\\/sharingsweden-backend.c2673.cloudnet.cloud\\/the-sweden-brand\\/brand-visual-identity\\/best-practice\\/\",\"title\":\"Best practice\",\"target\":\"\",\"attr_title\":\"\",\"description\":\"\",\"classes\":[\"\"],\"xfn\":\"\"}]",
"children": {
"nodes": [],
"__typename": "HierarchicalContentNodeToContentNodeChildrenConnection"
},
"seo": {
"opengraphUrl": "http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/",
"title": "Design principles - Sharing Sweden",
"__typename": "PostTypeSEO"
},
"title": "Design principles",
"featuredImage": null,
"blocks": [
{
"name": "sweden-tsw/article-row",
"__typename": "SwedenTswArticleRowBlock",
"attributes": {
"reverseColumnOrderOnMobile": false,
"__typename": "SwedenTswArticleRowBlockAttributes"
},
"innerBlocks": [
{
"name": "sweden-tsw/left-column",
"innerBlocks": [],
"__typename": "SwedenTswLeftColumnBlock"
},
{
"name": "sweden-tsw/right-column",
"innerBlocks": [
{
"name": "sharing-sweden-tsw/preamble",
"attributes": {
"anchor": "",
"__typename": "SharingSwedenTswPreambleBlockAttributes"
},
"innerBlocks": [
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "Brand Sweden has three overarching principles that work as an overall compass when designing: consistent, simple and contextual. These design principles guide the detailed design decisions.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
}
],
"__typename": "SharingSwedenTswPreambleBlock"
},
{
"name": "sharing-sweden-tsw/anchor-link-menu",
"attributes": {
"anchor": "",
"title": "Content included",
"__typename": "SharingSwedenTswAnchorLinkMenuBlockAttributes"
},
"__typename": "SharingSwedenTswAnchorLinkMenuBlock",
"anchorLinks": [
{
"title": "1. Consistent",
"href": "#1.-consistent"
},
{
"title": "2. Simple",
"href": "#2.-simple"
},
{
"title": "3. Contextual",
"href": "#3.-contextual"
}
]
},
{
"name": "sharing-sweden-tsw/section",
"__typename": "SharingSwedenTswSectionBlock",
"innerBlocks": [
{
"name": "core/heading",
"attributes": {
"level": 2,
"anchor": "",
"content": "1. Consistent",
"__typename": "CoreHeadingBlockAttributes"
},
"__typename": "CoreHeadingBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "A consistent use of the visual identity in all communication creates a sustainable brand expression.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "This means that we always use the flag together with the Swedish blue and yellow colours and the the original bespoke typeface Sweden Sans.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "Each piece is a part of a greater whole and contributes to a design system at scale, with the purpose to strengthen Brand Sweden.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Design layout for a web page, using the colours and typeface of Brand Sweden.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Identity-consistent.png",
"caption": "Key takeaways: flag, primary colour, main typeface.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1414,
"width": 2000,
"__typename": "MediaDetails"
},
"title": "Identity consistent",
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/identity-consistent/",
"altText": "Design layout for a web page, using the colours and typeface of Brand Sweden.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Identity-consistent.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
}
],
"attributes": {
"showInAnchorLinkMenu": true,
"anchorLinkMenuTitle": "1. Consistent",
"__typename": "SharingSwedenTswSectionBlockAttributes"
}
},
{
"name": "sharing-sweden-tsw/section",
"__typename": "SharingSwedenTswSectionBlock",
"innerBlocks": [
{
"name": "core/heading",
"attributes": {
"level": 2,
"anchor": "",
"content": "2. Simple",
"__typename": "CoreHeadingBlockAttributes"
},
"__typename": "CoreHeadingBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "Always strive for a simple and minimalist look. We have a clear identity and we avoid anything that feels complicated.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "This means that, to be powerful, we use few primary identity carriers instead of many elements. Use a single, all-encompassing picture instead of several small ones, maximise the space for the type settings in <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/typography\">Sweden Sans</a> and use the <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid\">grid system</a> to structure the design consistently. This way we’ll be clear in our communication.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "A webpage showing how to design according to the grid system.",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Identity-simple-1.png",
"caption": "Key takeaways: use of one single image, space for type setting and design based on the grid system.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1414,
"width": 2000,
"__typename": "MediaDetails"
},
"title": "Identity simple 1",
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/identity-simple-1/",
"altText": "A webpage showing how to design according to the grid system.",
"caption": "Key takeaways: use of one single image, space for type setting and design based on the grid system.",
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Identity-simple-1.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "An example of the design layout for posters, based on the grid system.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Design-based-grid-system.png",
"caption": "Always strive for a simple and minimalist look.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1080,
"width": 1920,
"__typename": "MediaDetails"
},
"title": "Design based grid system",
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/design-based-grid-system/",
"altText": "An example of the design layout for posters, based on the grid system.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Design-based-grid-system.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
}
],
"attributes": {
"showInAnchorLinkMenu": true,
"anchorLinkMenuTitle": "2. Simple",
"__typename": "SharingSwedenTswSectionBlockAttributes"
}
},
{
"name": "sharing-sweden-tsw/section",
"__typename": "SharingSwedenTswSectionBlock",
"innerBlocks": [
{
"name": "core/heading",
"attributes": {
"level": 2,
"anchor": "",
"content": "3. Contextual",
"__typename": "CoreHeadingBlockAttributes"
},
"__typename": "CoreHeadingBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "While remaining consistent, use the design assets and the possible variations of design depending on what you want to achieve with the communication, and where in the world the communication is to be used. Use the nuances built into the identity to stay relevant and in context without losing clarity in the look and feel.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "For example, use a subdued colour scale* and suitable imagery when communicating a complex and/or sensitive subject. Use the power of strong colours, layout and imagery when communicating a playful message. If you operate in a region with specific preferences, use the most suitable options within the identity to anchor your communication locally.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "The <a href=\"https://sharingsweden.se/the-sweden-brand/brand-visual-identity/graphic-element\">graphic element</a> can be adapted and used in endless and interesting variations based on the context. It’s a good example of how to bring creativity and innovation into the day-to-day design work.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "*Secondary colours A, secondary colours B (greyscale)",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Printed and digital examples of design.",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sweden_11-1024x630.jpg",
"caption": "Key takeaway: use a more subdued colour scale when communicating a complex subject, such as democracy.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1575,
"width": 2560,
"__typename": "MediaDetails"
},
"title": "Identity-Sweden-Sweden_11",
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/identity-sweden-sweden_11/",
"altText": "Printed and digital examples of design.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sweden_11-scaled.jpg",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Small poster design in Grain Yellow (background) and Dark Dawn Blue (text) with a picture of stacked clothes from Filippa K. Tags and business card set with Sweden Yellow Standard (background).",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sharewear_10.jpg",
"caption": "Key takeaways: let the image and text stand out by using a subdued background colour, and adjust the background colour so it suits the image of your choice. Sweden Yellow Standard works great for tags and business cards.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1500,
"width": 2500,
"__typename": "MediaDetails"
},
"title": "Identity Sweden Sharewear_10",
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/identity-sweden-sharewear_10/",
"altText": "Small poster design in Grain Yellow (background) and Dark Dawn Blue (text) with a picture of stacked clothes from Filippa K. Tags and business card set with Sweden Yellow Standard (background).",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/09/Identity-Sweden-Sharewear_10.jpg",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "The graphic element used as the main focus of a video poster.",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Design-principles-example-graphic-element-1024x576.png",
"caption": "",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1080,
"width": 1920,
"__typename": "MediaDetails"
},
"title": "Design-principles-example-graphic-element",
"uri": "/the-sweden-brand/brand-visual-identity/design-principles/design-principles-example-graphic-element/",
"altText": "",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Design-principles-example-graphic-element.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
}
],
"attributes": {
"showInAnchorLinkMenu": true,
"anchorLinkMenuTitle": "3. Contextual",
"__typename": "SharingSwedenTswSectionBlockAttributes"
}
}
],
"__typename": "SwedenTswRightColumnBlock"
}
]
}
],
"yoastHead": "<!-- This site is optimized with the Yoast SEO plugin v22.2 - https://yoast.com/wordpress/plugins/seo/ -->\n<link rel=\"canonical\" href=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\" />\n<meta property=\"og:locale\" content=\"en_US\" />\n<meta property=\"og:type\" content=\"article\" />\n<meta property=\"og:title\" content=\"Design principles - Sharing Sweden\" />\n<meta property=\"og:url\" content=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\" />\n<meta property=\"og:site_name\" content=\"Sharing Sweden\" />\n<meta property=\"article:modified_time\" content=\"2023-12-28T11:46:15+00:00\" />\n<meta property=\"og:image\" content=\"http://sharingsweden.se/_next/image?url=http%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F10%2FIdentity-consistent.png&w=1200&q=90\" />\n<meta name=\"twitter:card\" content=\"summary_large_image\" />\n<meta name=\"twitter:label1\" content=\"Est. reading time\" />\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" />\n<script type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\",\"url\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\",\"name\":\"Design principles - Sharing Sweden\",\"isPartOf\":{\"@id\":\"http://sharingsweden.se/#website\"},\"primaryImageOfPage\":{\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/#primaryimage\"},\"image\":{\"@id\":\"https://sharingsweden-backend.c2673.cloudnet.cloud/the-sweden-brand/brand-visual-identity/design-principles/#primaryimage\"},\"thumbnailUrl\":\"http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Identity-consistent.png\",\"datePublished\":\"2023-05-12T12:41:53+00:00\",\"dateModified\":\"2023-12-28T11:46:15+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/design-principles/#primaryimage\",\"url\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F10%2FIdentity-consistent.png&w=1200&q=90\",\"contentUrl\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F10%2FIdentity-consistent.png&w=1200&q=90\",\"width\":1200,\"height\":848,\"caption\":\"Design layout for a web page, using the colours and typeface of Brand Sweden.\"},{\"@type\":\"WebSite\",\"@id\":\"http://sharingsweden.se/#website\",\"url\":\"http://sharingsweden.se/\",\"name\":\"Sharing Sweden\",\"description\":\"A comprehensive collection of resources to promote Sweden to an international audience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http://sharingsweden.se/search?query={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}</script>\n<!-- / Yoast SEO plugin. -->"
},
"events": null,
"searchPage": null
}
},
"category": false
}
} 
