Regardless of size, dimension, or type of communication, we have certain rules that determine where things should be placed.
We use a 12-column grid system.
Construction
A 12-column grid system remains flexible and is easy to apply.
The grid is based on blocks, and it can be applied to both print and digital formats.
Portrait format.Landscape format.Composition
Our composition system is modular, so the space can be easily divided into different areas depending on the content.
These divisions are based on the simple rules of halves, thirds and quarters.
Simplicity is key, so make as few divisions as possible.
Halves.Thirds.Quarters.Grid examples
These examples show how space can be divided modularly, allowing easy and flexible arrangement of elements – from text to images and/or illustrations.
Applications
Example of what an invitation to an event can look like based on our grid and modular system.Example of what an exhibition poster can look like based on our grid and modular system.{
"slug": "grid",
"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/grid/",
"seo": {
"head": "<!-- This site is optimized with the Yoast SEO plugin v22.2 - https://yoast.com/wordpress/plugins/seo/ -->\n<meta name=\"description\" content=\"Regardless of size, dimension, or type of communication, Brand Sweden has certain rules that determine where things should be placed.\" />\n<link rel=\"canonical\" href=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\" />\n<meta property=\"og:locale\" content=\"en_US\" />\n<meta property=\"og:type\" content=\"article\" />\n<meta property=\"og:title\" content=\"Grid - Sharing Sweden\" />\n<meta property=\"og:description\" content=\"Regardless of size, dimension, or type of communication, Brand Sweden has certain rules that determine where things should be placed.\" />\n<meta property=\"og:url\" content=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\" />\n<meta property=\"og:site_name\" content=\"Sharing Sweden\" />\n<meta property=\"article:modified_time\" content=\"2023-12-11T13:58:53+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%2F08%2FGrid_portrait.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/grid/\",\"url\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\",\"name\":\"Grid - Sharing Sweden\",\"isPartOf\":{\"@id\":\"http://sharingsweden.se/#website\"},\"primaryImageOfPage\":{\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/#primaryimage\"},\"image\":{\"@id\":\"https://sharingsweden-backend.c2673.cloudnet.cloud/the-sweden-brand/brand-visual-identity/grid/#primaryimage\"},\"thumbnailUrl\":\"http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_portrait.png\",\"datePublished\":\"2023-05-12T12:46:52+00:00\",\"dateModified\":\"2023-12-11T13:58:53+00:00\",\"description\":\"Regardless of size, dimension, or type of communication, Brand Sweden has certain rules that determine where things should be placed.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/#primaryimage\",\"url\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F08%2FGrid_portrait.png&w=1200&q=90\",\"contentUrl\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F08%2FGrid_portrait.png&w=1200&q=90\",\"width\":1200,\"height\":675,\"caption\":\"Portrait format.\"},{\"@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/grid/",
"title": "Grid - Sharing Sweden"
},
"date": "2023-05-12T12:46:52",
"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": "Grid",
"href": "/the-sweden-brand/brand-visual-identity/grid/",
"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": "Grid",
"subHeading": null,
"slug": "grid",
"toolkitData": [],
"eventData": [],
"template": {
"templateName": "Default",
"__typename": "DefaultTemplate"
},
"sidebarMenu": {
"currentUrl": "/the-sweden-brand/brand-visual-identity/grid/",
"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": "Regardless of size, dimension, or type of communication, we have certain rules that determine where things should be placed."
}
]
},
{
"type": "paragraph",
"anchorId": "",
"children": "We use a 12-column grid system."
}
],
"fullWidth": false,
"stickyLeft": true,
"reverseColumnOrderOnMobile": false
},
{
"left": [],
"right": [
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Construction"
},
{
"type": "paragraph",
"anchorId": "",
"children": "A 12-column grid system remains flexible and is easy to apply."
},
{
"type": "paragraph",
"anchorId": "",
"children": "The grid is based on blocks, and it can be applied to both print and digital formats."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Portrait format.",
"title": "Grid_portrait",
"alt": "Grid in portrait format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_portrait.png",
"width": 1920,
"height": 1080
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Landscape format.",
"title": "Grid_landscape",
"alt": "Grid in landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_landscape.png",
"width": 1920,
"height": 1080
}
]
},
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Composition"
},
{
"type": "paragraph",
"anchorId": "",
"children": "Our composition system is modular, so the space can be easily divided into different areas depending on the content."
},
{
"type": "paragraph",
"anchorId": "",
"children": "These divisions are based on the simple rules of halves, thirds and quarters."
},
{
"type": "paragraph",
"anchorId": "",
"children": "Simplicity is key, so make as few divisions as possible."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Halves.",
"title": "Grid_halves",
"alt": "Composition when the modules are halves, portrait and landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_halves.png",
"width": 1920,
"height": 1080
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Thirds.",
"title": "Grid_thirds",
"alt": "Composition when the modules are thirds, portrait and landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_thirds.png",
"width": 1920,
"height": 1080
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Quarters.",
"title": "Grid_quarters",
"alt": "Composition when the modules are quarters, portrait and landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_quarters.png",
"width": 1920,
"height": 1080
}
]
},
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Grid examples"
},
{
"type": "paragraph",
"anchorId": "",
"children": "These examples show how space can be divided modularly, allowing easy and flexible arrangement of elements – from text to images and/or illustrations."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid example 1",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Grid-example-1.png",
"width": 1270,
"height": 800
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid_example2",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example2.png",
"width": 744,
"height": 469
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid_example3",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example3.png",
"width": 744,
"height": 469
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid_example4",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example4.png",
"width": 744,
"height": 469
}
]
},
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Applications"
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Example of what an invitation to an event can look like based on our grid and modular system.",
"title": "Grid_applications1",
"alt": "Example of an invitation to an event.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_applications1.jpg",
"width": 1500,
"height": 1000
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Example of what an exhibition poster can look like based on our grid and modular system.",
"title": "Grid applications 2",
"alt": "Example of an exhibition poster.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Grid-applications-2.jpg",
"width": 2000,
"height": 1333
}
]
}
],
"fullWidth": false,
"stickyLeft": true,
"reverseColumnOrderOnMobile": false
}
],
"blocks": [
{
"left": [],
"right": [
{
"type": "preamble",
"anchorId": "",
"children": [
{
"type": "paragraph",
"anchorId": "",
"children": "Regardless of size, dimension, or type of communication, we have certain rules that determine where things should be placed."
}
]
},
{
"type": "paragraph",
"anchorId": "",
"children": "We use a 12-column grid system."
}
],
"fullWidth": false,
"stickyLeft": true,
"reverseColumnOrderOnMobile": false
},
{
"left": [],
"right": [
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Construction"
},
{
"type": "paragraph",
"anchorId": "",
"children": "A 12-column grid system remains flexible and is easy to apply."
},
{
"type": "paragraph",
"anchorId": "",
"children": "The grid is based on blocks, and it can be applied to both print and digital formats."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Portrait format.",
"title": "Grid_portrait",
"alt": "Grid in portrait format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_portrait.png",
"width": 1920,
"height": 1080
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Landscape format.",
"title": "Grid_landscape",
"alt": "Grid in landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_landscape.png",
"width": 1920,
"height": 1080
}
]
},
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Composition"
},
{
"type": "paragraph",
"anchorId": "",
"children": "Our composition system is modular, so the space can be easily divided into different areas depending on the content."
},
{
"type": "paragraph",
"anchorId": "",
"children": "These divisions are based on the simple rules of halves, thirds and quarters."
},
{
"type": "paragraph",
"anchorId": "",
"children": "Simplicity is key, so make as few divisions as possible."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Halves.",
"title": "Grid_halves",
"alt": "Composition when the modules are halves, portrait and landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_halves.png",
"width": 1920,
"height": 1080
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Thirds.",
"title": "Grid_thirds",
"alt": "Composition when the modules are thirds, portrait and landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_thirds.png",
"width": 1920,
"height": 1080
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Quarters.",
"title": "Grid_quarters",
"alt": "Composition when the modules are quarters, portrait and landscape format.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_quarters.png",
"width": 1920,
"height": 1080
}
]
},
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Grid examples"
},
{
"type": "paragraph",
"anchorId": "",
"children": "These examples show how space can be divided modularly, allowing easy and flexible arrangement of elements – from text to images and/or illustrations."
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid example 1",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Grid-example-1.png",
"width": 1270,
"height": 800
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid_example2",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example2.png",
"width": 744,
"height": 469
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid_example3",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example3.png",
"width": 744,
"height": 469
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "",
"title": "Grid_example4",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example4.png",
"width": 744,
"height": 469
}
]
},
{
"type": "section",
"anchorId": null,
"children": [
{
"type": "heading",
"anchorId": "",
"h2": true,
"children": "Applications"
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Example of what an invitation to an event can look like based on our grid and modular system.",
"title": "Grid_applications1",
"alt": "Example of an invitation to an event.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_applications1.jpg",
"width": 1500,
"height": 1000
},
{
"type": "image-with-figcaption",
"anchorId": "",
"caption": "Example of what an exhibition poster can look like based on our grid and modular system.",
"title": "Grid applications 2",
"alt": "Example of an exhibition poster.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Grid-applications-2.jpg",
"width": 2000,
"height": 1333
}
]
}
],
"fullWidth": false,
"stickyLeft": true,
"reverseColumnOrderOnMobile": false
}
],
"calendarItems": [],
"extra": {
"content": {
"__typename": "Page",
"slug": "grid",
"uri": "/the-sweden-brand/brand-visual-identity/grid/",
"date": "2023-05-12T12:46:52",
"databaseId": 308,
"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\":\"Grid\",\"href\":\"\\/the-sweden-brand\\/brand-visual-identity\\/grid\\/\",\"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/grid/",
"title": "Grid - Sharing Sweden",
"__typename": "PostTypeSEO"
},
"title": "Grid",
"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": "Regardless of size, dimension, or type of communication, we have certain rules that determine where things should be placed.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
}
],
"__typename": "SharingSwedenTswPreambleBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "We use a 12-column grid system.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
}
],
"__typename": "SwedenTswRightColumnBlock"
}
]
},
{
"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/section",
"__typename": "SharingSwedenTswSectionBlock",
"innerBlocks": [
{
"name": "core/heading",
"attributes": {
"level": 2,
"anchor": "",
"content": "Construction",
"__typename": "CoreHeadingBlockAttributes"
},
"__typename": "CoreHeadingBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "A 12-column grid system remains flexible and is easy to apply.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "The grid is based on blocks, and it can be applied to both print and digital formats.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Grid in portrait format.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_portrait.png",
"caption": "Portrait format.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1080,
"width": 1920,
"__typename": "MediaDetails"
},
"title": "Grid_portrait",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_portrait/",
"altText": "Grid in portrait format.",
"caption": "Portrait format.",
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_portrait.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Grid in landscape format.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_landscape.png",
"caption": "Landscape format.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1080,
"width": 1920,
"__typename": "MediaDetails"
},
"title": "Grid_landscape",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_landscape/",
"altText": "Grid in landscape format.",
"caption": "Landscape format.",
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_landscape.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
}
],
"attributes": {
"showInAnchorLinkMenu": true,
"anchorLinkMenuTitle": "",
"__typename": "SharingSwedenTswSectionBlockAttributes"
}
},
{
"name": "sharing-sweden-tsw/section",
"__typename": "SharingSwedenTswSectionBlock",
"innerBlocks": [
{
"name": "core/heading",
"attributes": {
"level": 2,
"anchor": "",
"content": "Composition",
"__typename": "CoreHeadingBlockAttributes"
},
"__typename": "CoreHeadingBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "Our composition system is modular, so the space can be easily divided into different areas depending on the content.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "These divisions are based on the simple rules of halves, thirds and quarters.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "Simplicity is key, so make as few divisions as possible.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Composition when the modules are halves, portrait and landscape format.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_halves.png",
"caption": "Halves.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1080,
"width": 1920,
"__typename": "MediaDetails"
},
"title": "Grid_halves",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_halves/",
"altText": "Composition when the modules are halves, portrait and landscape format.",
"caption": "Halves.",
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_halves.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Composition when the modules are thirds, portrait and landscape format.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_thirds.png",
"caption": "Thirds.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1080,
"width": 1920,
"__typename": "MediaDetails"
},
"title": "Grid_thirds",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_thirds/",
"altText": "Composition when the modules are thirds, portrait and landscape format.",
"caption": "Thirds.",
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_thirds.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Composition when the modules are quarters, portrait and landscape format.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_quarters.png",
"caption": "Quarters.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1080,
"width": 1920,
"__typename": "MediaDetails"
},
"title": "Grid_quarters",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_quarters/",
"altText": "Composition when the modules are quarters, portrait and landscape format.",
"caption": "Quarters.",
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_quarters.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
}
],
"attributes": {
"showInAnchorLinkMenu": true,
"anchorLinkMenuTitle": "",
"__typename": "SharingSwedenTswSectionBlockAttributes"
}
},
{
"name": "sharing-sweden-tsw/section",
"__typename": "SharingSwedenTswSectionBlock",
"innerBlocks": [
{
"name": "core/heading",
"attributes": {
"level": 2,
"anchor": "",
"content": "Grid examples",
"__typename": "CoreHeadingBlockAttributes"
},
"__typename": "CoreHeadingBlock"
},
{
"name": "core/paragraph",
"attributes": {
"anchor": "",
"content": "These examples show how space can be divided modularly, allowing easy and flexible arrangement of elements – from text to images and/or illustrations.",
"__typename": "CoreParagraphBlockAttributes"
},
"__typename": "CoreParagraphBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Examples of how how space can be divided in different grids.",
"url": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Grid-example-1.png",
"caption": "",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 800,
"width": 1270,
"__typename": "MediaDetails"
},
"title": "Grid example 1",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid-example-1/",
"altText": "Examples of how how space can be divided in different grids.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/12/Grid-example-1.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Examples of how how space can be divided in different grids.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example2.png",
"caption": "",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 469,
"width": 744,
"__typename": "MediaDetails"
},
"title": "Grid_example2",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_example2/",
"altText": "Examples of how how space can be divided in different grids.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example2.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Examples of how how space can be divided in different grids.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example3.png",
"caption": "",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 469,
"width": 744,
"__typename": "MediaDetails"
},
"title": "Grid_example3",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_example3/",
"altText": "Examples of how how space can be divided in different grids.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example3.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Examples of how how space can be divided in different grids.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example4.png",
"caption": "",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 469,
"width": 744,
"__typename": "MediaDetails"
},
"title": "Grid_example4",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_example4/",
"altText": "Examples of how how space can be divided in different grids.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example4.png",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
}
],
"attributes": {
"showInAnchorLinkMenu": true,
"anchorLinkMenuTitle": "",
"__typename": "SharingSwedenTswSectionBlockAttributes"
}
},
{
"name": "sharing-sweden-tsw/section",
"__typename": "SharingSwedenTswSectionBlock",
"innerBlocks": [
{
"name": "core/heading",
"attributes": {
"level": 2,
"anchor": "",
"content": "Applications",
"__typename": "CoreHeadingBlockAttributes"
},
"__typename": "CoreHeadingBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Example of an invitation to an event.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_applications1.jpg",
"caption": "Example of what an invitation to an event can look like based on our grid and modular system.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1000,
"width": 1500,
"__typename": "MediaDetails"
},
"title": "Grid_applications1",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_applications1/",
"altText": "Example of an invitation to an event.",
"caption": "Example of what an invitation to an event can look like based on our grid and modular system.",
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_applications1.jpg",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
},
{
"name": "core/image",
"attributes": {
"alt": "Example of an exhibition poster.",
"url": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Grid-applications-2.jpg",
"caption": "Example of what an exhibition poster can look like based on our grid and modular system.",
"width": "",
"height": "",
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 1333,
"width": 2000,
"__typename": "MediaDetails"
},
"title": "Grid applications 2",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid-applications-2/",
"altText": "Example of an exhibition poster.",
"caption": null,
"sourceUrl": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/10/Grid-applications-2.jpg",
"__typename": "MediaItem"
},
"__typename": "CoreImageBlockAttributesToMediaItemConnectionEdge"
},
"__typename": "CoreImageBlockAttributes"
},
"__typename": "CoreImageBlock"
}
],
"attributes": {
"showInAnchorLinkMenu": true,
"anchorLinkMenuTitle": "",
"__typename": "SharingSwedenTswSectionBlockAttributes"
}
}
],
"__typename": "SwedenTswRightColumnBlock"
}
]
}
],
"yoastHead": "<!-- This site is optimized with the Yoast SEO plugin v22.2 - https://yoast.com/wordpress/plugins/seo/ -->\n<meta name=\"description\" content=\"Regardless of size, dimension, or type of communication, Brand Sweden has certain rules that determine where things should be placed.\" />\n<link rel=\"canonical\" href=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\" />\n<meta property=\"og:locale\" content=\"en_US\" />\n<meta property=\"og:type\" content=\"article\" />\n<meta property=\"og:title\" content=\"Grid - Sharing Sweden\" />\n<meta property=\"og:description\" content=\"Regardless of size, dimension, or type of communication, Brand Sweden has certain rules that determine where things should be placed.\" />\n<meta property=\"og:url\" content=\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\" />\n<meta property=\"og:site_name\" content=\"Sharing Sweden\" />\n<meta property=\"article:modified_time\" content=\"2023-12-11T13:58:53+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%2F08%2FGrid_portrait.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/grid/\",\"url\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\",\"name\":\"Grid - Sharing Sweden\",\"isPartOf\":{\"@id\":\"http://sharingsweden.se/#website\"},\"primaryImageOfPage\":{\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/#primaryimage\"},\"image\":{\"@id\":\"https://sharingsweden-backend.c2673.cloudnet.cloud/the-sweden-brand/brand-visual-identity/grid/#primaryimage\"},\"thumbnailUrl\":\"http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_portrait.png\",\"datePublished\":\"2023-05-12T12:46:52+00:00\",\"dateModified\":\"2023-12-11T13:58:53+00:00\",\"description\":\"Regardless of size, dimension, or type of communication, Brand Sweden has certain rules that determine where things should be placed.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http://sharingsweden.se/the-sweden-brand/brand-visual-identity/grid/#primaryimage\",\"url\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F08%2FGrid_portrait.png&w=1200&q=90\",\"contentUrl\":\"http://sharingsweden.se/_next/image?url=https%3A%2F%2Fsharingsweden-backend.c2673.cloudnet.cloud%2Fapp%2Fuploads%2F2023%2F08%2FGrid_portrait.png&w=1200&q=90\",\"width\":1200,\"height\":675,\"caption\":\"Portrait format.\"},{\"@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
}
}
