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>We use cookies and similar technologies to give you the best possible experience. Some are necessary to help our website work properly and can’t be switched off, and some are optional.</p>\n<p>By clicking “Accept all cookies” you agree to the storage of all the cookies we use on your device. They will be used to improve the site, analyse traffic and create personalised ads. We store statistical information by default. Learn more about how we use cookies by reading our <a href=\"https://sharingsweden-backend.c2673.cloudnet.cloud/cookie-policy\">cookie and data protection policy</a>. Choose cookie-settings to adjust your preferences.</p>\n",
"bannerTitle": "<p><strong>It’s your choice! Choose what data you share with us</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, analys and improve our service.</p>\n<p>The categories of cookies that we may use are essential, statistics and analytical and performance cookies. Learn more about how we use cookies by reading our<a href=\"https://sharingsweden-backend.c2673.cloudnet.cloud/cookie-policy\"> cookie and data protection 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": "Essential cookies are necessary 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": "Essential",
"__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 activated by default for us to see from where our users come to our site. We use IP anonymisation, and you can deactivate these cookies at any time. ",
"title": "Statistics and analytics",
"__typename": "SwedenSettings_SiSettings_CookieSettings_categories"
},
{
"alwaysCheckedText": "always on",
"hasAccepted": null,
"id": "cookie_consent_performance",
"isCheckedText": "active",
"isNotCheckedText": "inactive",
"optional": true,
"text": null,
"title": "Performance",
"__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": null,
"__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": null,
"name": null
}
],
[
{
"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": "Study and research"
},
{
"item": "Sustainability"
},
{
"item": "Sweden in general"
},
{
"item": "Swedish language"
}
],
"formatFilters": [
{
"item": "Toolkit"
},
{
"item": "Feature film"
},
{
"item": "Brochures and event materials"
},
{
"item": "Fact sheets"
},
{
"item": "Presentations"
},
{
"item": "Social media content"
},
{
"item": "Templates"
},
{
"item": "Video"
}
],
"languageOptions": [
"arabic",
"chinese",
"english",
"french",
"german",
"japanese",
"korean",
"russian",
"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 v20.13 - https://yoast.com/wordpress/plugins/seo/ -->\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: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-10-23T17:48:31+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-10-23T17:48:31+00:00\",\"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_example1",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example1.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_example1",
"alt": "Examples of how how space can be divided in different grids.",
"src": "https://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example1.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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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\":\"1\",\"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": 0,
"height": 0,
"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": 0,
"height": 0,
"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": 0,
"height": 0,
"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": 0,
"height": 0,
"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": 0,
"height": 0,
"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": "http://sharingsweden-backend.c2673.cloudnet.cloud/app/uploads/2023/08/Grid_example1.png",
"caption": "",
"width": 0,
"height": 0,
"anchor": "",
"media": {
"node": {
"mediaDetails": {
"height": 800,
"width": 1270,
"__typename": "MediaDetails"
},
"title": "Grid_example1",
"uri": "/the-sweden-brand/brand-visual-identity/grid/grid_example1/",
"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_example1.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": 0,
"height": 0,
"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": 0,
"height": 0,
"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": 0,
"height": 0,
"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": 0,
"height": 0,
"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": 0,
"height": 0,
"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 v20.13 - https://yoast.com/wordpress/plugins/seo/ -->\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: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-10-23T17:48:31+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-10-23T17:48:31+00:00\",\"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
}
}