{"id":17733,"date":"2019-08-20T07:18:02","date_gmt":"2019-08-20T14:18:02","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=17733"},"modified":"2020-04-22T06:34:39","modified_gmt":"2020-04-22T13:34:39","slug":"everything-content-styleguides","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/","title":{"rendered":"Everything you need to know about content styleguides"},"content":{"rendered":"<p>Way before I started the <a href=\"http:\/\/uxwritinghub.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Writing Hub<\/a>, I was a Lego fanatic.<\/p>\n<p>If your childhood was anything like mine, legos were a part of it. I\u2019d say on average, my household acquired about one new set per year. So by the time I was 8 or 9, we\u2019d developed a nice sized \u201clego pile.\u201d You know what I\u2019m talking about, a massive jumble of Lego sets that you could use to build pretty much anything you could think of.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-17735\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego1-458x300.png\" alt=\"lego helps in ux writing\" width=\"458\" height=\"300\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego1-458x300.png 458w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego1-1024x670.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego1-768x503.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego1-1536x1006.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego1.png 1564w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/p>\n<p>The funny thing about that pile was how it lacked consistency; one day it was pirates on a spaceship, and the next it was a medieval knight riding a T-Rex. Hey, it was the \u201890s\u2014all bets were off.<\/p>\n<p>Fast forward to when I joined a product team in a collaborative app for musicians at a Tel Aviv start-up. As soon as I started getting familiar with the product, I noticed huge inconsistencies with its look and feel\u2014pirates on spaceships all over the place.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-17736\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego2-656x300.png\" alt=\"learn ux writing with lego\" width=\"656\" height=\"300\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego2-656x300.png 656w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego2-1024x468.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego2-768x351.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego2-1536x703.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego2.png 1600w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/p>\n<p>Luckily, I had recently learned about the perfect solution that I knew we had to implement. We decided to create a design system.<\/p>\n<h2>What is a Design System?<\/h2>\n<p>Design system is a collection of UI elements and instructions for their use. This includes things like color schemes, fonts &amp; typography, and general style. It may even outline how the product should behave in different scenarios.<\/p>\n<p>Imagine a big company with several digital products spread out across dozens of product teams. Now, imagine that every product team gets their own lego set with its own instructions. What do you get? Chaos. No consistency across the products\u2014lego zoo animals driving lego race cars. Now imagine that all the design teams have access to the same super set of legos with a shared set of instructions.<\/p>\n<figure id=\"attachment_17737\" aria-describedby=\"caption-attachment-17737\" style=\"width: 410px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-17737\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego3-410x300.png\" alt=\"ux content is like lego\" width=\"410\" height=\"300\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego3-410x300.png 410w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego3-1024x750.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego3-768x563.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego3-1536x1125.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/lego3.png 1600w\" sizes=\"auto, (max-width: 410px) 100vw, 410px\" \/><figcaption id=\"caption-attachment-17737\" class=\"wp-caption-text\"><em>A shared set if instruction is needed<\/em><\/figcaption><\/figure>\n<p>But designs systems don\u2019t stop at just graphical elements. They can also include code for these reusable parts which make life easier for the developers as well. I don\u2019t want to get too technical here, but design systems are an awesome way to promote efficiency and consistency inside of a product team.<\/p>\n<p>Two of the most well-known examples of design systems are <a href=\"https:\/\/material.io\/design\/\">Google&#8217;s Material Design<\/a> and <a href=\"https:\/\/polaris.shopify.com\/\">Shopify&#8217;s Polaris<\/a>. I know what you\u2019re thinking: \u201cDo all design systems have cool, futuristic names?\u201d Well, <a href=\"https:\/\/www.carbondesignsystem.com\/\">IBM&#8217;s Carbon<\/a> seems to be continuing that trend, so I guess that\u2019s a thing.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-17738\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Carbon-Design-System-511x300.png\" alt=\"IBM carbon design system\" width=\"511\" height=\"300\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Carbon-Design-System-511x300.png 511w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Carbon-Design-System-1024x602.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Carbon-Design-System-768x451.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Carbon-Design-System-1536x902.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Carbon-Design-System.png 1600w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/p>\n<p>But even more recently we\u2019re starting to see another trend. As more and more companies are becoming aware of the need for a set of guidelines for visual design, some are also creating them for the product\u2019s content as well.<\/p>\n<p>So if a design system\u2019s UI libraries keep the visual design consistent, what keeps a product\u2019s voice and tone consistent? Meet the content style guide.<\/p>\n<h2>Content Style Guides as Part of a Design System<\/h2>\n<p>OK, here comes the wonky definition. A content style guide is a set of writing principles that inform all of the copy and content of a company\u2019s products. They establish rules and guidelines for copy that help bring consistency to the product&#8217;s voice and help shape the brand\u2019s personality.<\/p>\n<p>They\u2019re important because <em>content<\/em> is important\u2014as important as the visuals. Just have a look at Dropbox\u2019s homepage sans real content.<\/p>\n<figure id=\"attachment_17739\" aria-describedby=\"caption-attachment-17739\" style=\"width: 592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-17739\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Lorem-ipsum-Dropbox-page-592x300.png\" alt=\"lorem ipsum dropbox page \" width=\"592\" height=\"300\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Lorem-ipsum-Dropbox-page-592x300.png 592w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Lorem-ipsum-Dropbox-page-1024x519.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Lorem-ipsum-Dropbox-page-768x389.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Lorem-ipsum-Dropbox-page-1536x779.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/Lorem-ipsum-Dropbox-page.png 1600w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><figcaption id=\"caption-attachment-17739\" class=\"wp-caption-text\"><em>Right\u2026 now I get it. Not really.<\/em><\/figcaption><\/figure>\n<p>Like mentioned before in the UX Writing Hub\u2019 <a href=\"https:\/\/course.uxwritinghub.com\/weekly\">newsletter<\/a>, without content, the visuals do you no good. So why have more companies adopted a visual design system than one for content? It seems to be a matter of awareness.<\/p>\n<p>However, there are now several forward-thinking companies that have created content style guides. The most famous one is probably Mailchimp\u2019s but actually, Material Design and Polaris also have content style guides.<\/p>\n<p>These guides include things like the voice and tone of the product, naming conventions, vocabulary, and more.<\/p>\n<p>A content style guide may elaborate upon all of the content elements in a company (content marketing included) or may be oriented solely toward product writing. It depends on the team of writers and product designers to make decisions about what the guide should include. And of course, style guides are continuously being updated; <strong>they\u2019re never really \u201cdone.\u201d<\/strong><\/p>\n<h2>Structure of a content style guide<\/h2>\n<p>So here comes the million-dollar question. How does one actually create a content style guide? Unfortunately, there isn\u2019t a single, simple solution. After interviewing dozens of product teams, I learned that every company used a different approach to create theirs.<\/p>\n<p>So while there\u2019s no cookie-cutter for creating them, there are plenty of open-source style guides out there that we can take inspiration from. Here\u2019s <a href=\"http:\/\/uxwritinghub.com\/content-style-guides\/\" target=\"_blank\" rel=\"noopener noreferrer\">a collection of some of the very best content style guides out there<\/a>.<\/p>\n<p>Still, just looking at some existing guides isn\u2019t going to do the trick. The best way to kick-start a content style guide is with your existing content. Look at the content elements of the product and analyze what you already have. If a team is going to start building a library of UI elements, they\u2019ll start with what they have. They take a standard button from the design and describe it in the library; its color, size, font, radius, etc.<\/p>\n<p>We can do the same with content. Look at the texts of your CTAs, empty states, and other content elements. Once you\u2019ve cataloged major types of content, you can then add guidelines about them. For example, a CTA should be of a certain length, or what you want to communicate in your headlines. After this, use these four steps to give structure to your style guide.<\/p>\n<h2>1. Preamble<\/h2>\n<p>An excellent first step to take is to articulate exactly what this content style guide is for\u2014what we hope to achieve by creating and using it. A brief statement detailing the goal of the content style guide should suffice. You can also include information about the company\u2019s vision, including how business goals align with the needs of the end-user.<\/p>\n<p>This is important because style guides, though created by the UX writers, should be used by anyone creating content for the product. That could include copywriters, marketers, designers, and perhaps even developers. Now, Bobby on the Dev team might have a way with code, but less so with words. Help him out.<\/p>\n<h2>2. Voice and Tone<\/h2>\n<p>This is one of the most important aspects of the guide as it as such far-reaching influence; every word inside an interface should match the product\u2019s voice, which must be clearly described in the guide. So how is this done?<\/p>\n<p>Again, it varies. One approach is to think of your product as if it were a person or even a fictional character. Once you\u2019ve figured out who they are, try to imagine how they speak and what they\u2019re like. Is that person confident, funny, serious? If we personify our product or brand, it becomes easier to understand how it will interact with our users, which is important.<\/p>\n<p>Today\u2019s successful digital products give their users an experience that feels like natural human interaction. If the user feels like they\u2019re talking to a robot, that\u2019s a bad experience. Though the day may come when writers will need to write the narratives for actual robots ala HBO\u2019s Westworld, in the meantime it\u2019s important to give your interface a personality, whether it\u2019s a chatbot or just the content on flat UI.<\/p>\n<p>Speaking of chatbots, here\u2019s a cool <a href=\"https:\/\/www.carbondesignsystem.com\/experimental\/chatbot\/overview\">example by IBM of a content style guide specifically for chatbots<\/a>.<\/p>\n<p>One last note about voice and tone. It\u2019s helpful to make a distinction between the two with voice being the general style and permanent characteristics and tone being how those characteristics manifest in different scenarios.<\/p>\n<p>For example, a product might have a voice that is funny and light-hearted, but when that voice is in a serious situation, it can still be clear and to the point. Think about the Robin Williams\u2019 genie from Aladdin\u2014whimsical and witty, but still sounds like Genie even when he\u2019s serious or sad.<\/p>\n<h2>3. Do\u2019s and Don\u2019ts<\/h2>\n<p>Part of having a style guide is having a clear set of rules. This means that, when creating a content style guide, you need to know what your product is and what it isn\u2019t.<\/p>\n<p>Any time you give an example of grammar, vocabulary, naming conventions, or even documentation. Don\u2019t forget to add do\u2019s and don\u2019t. Bobby will be forever grateful.<\/p>\n<figure id=\"attachment_17741\" aria-describedby=\"caption-attachment-17741\" style=\"width: 491px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-17741\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/cart-page-dos-and-donts-491x300.png\" alt=\"UX content dos and donts\" width=\"491\" height=\"300\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/cart-page-dos-and-donts-491x300.png 491w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/cart-page-dos-and-donts-1024x625.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/cart-page-dos-and-donts-768x469.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/cart-page-dos-and-donts-1536x938.png 1536w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/cart-page-dos-and-donts.png 1600w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><figcaption id=\"caption-attachment-17741\" class=\"wp-caption-text\"><em>Example by Shopify Polaris<\/em><\/figcaption><\/figure>\n<h2>4. Accessibility<\/h2>\n<p>Unfortunately, accessibility is an issue that many companies are still not taking seriously. It\u2019s almost 2020 and <a href=\"https:\/\/www.cnbc.com\/2019\/07\/25\/dominos-asks-supreme-court-to-say-disability-protections-dont-apply-online.html\">a blind man still can&#8217;t order Domino&#8217;s Pizza<\/a>, which is sad and unnecessary.<\/p>\n<p>Even though regulators tried to do something about it, not enough attention is given to this topic. This means that writers have an opportunity to take leadership in this area. They can be eyes for the blind and guide them through the platform using content and text.<\/p>\n<p>So, in order to create a consistent experience that is accessible to all, accessibility practices should be documented in the content style guide as well. For example, you can decide that transcripts will be created for all videos using a tool such as <a href=\"https:\/\/www.rev.com\/\">REV<\/a>.<\/p>\n<p>The coolest project I\u2019ve seen about content accessibility guidelines is by Content Design London. It\u2019s an open-source project that helps everyone to create <a href=\"https:\/\/contentdesign.london\/usability\/readability-guidelines\/\">accessibility and readability rulesets<\/a>. It\u2019s well worth a read.<\/p>\n<h2>Now It\u2019s Your Turn<\/h2>\n<p>The first step you need to do before creating a content style guide, would be to join the UX Writing Hub\u2019s <a href=\"https:\/\/course.uxwritinghub.com\/free_course\">free UX Writing course<\/a> if you want to learn more about the role of the UX writer as a product designer.<br \/>\nNow, let\u2019s say that day has come and you\u2019re ready to start on your very own content style guide. Remember:<\/p>\n<p>First, find the common ground between the content elements of your product. Then, write a brief preamble where you state the goals and purpose of the guide. Next, define the voice and tone, create a ruleset of the do&#8217;s and don\u2019ts, and don\u2019t forget to make it accessible.<\/p>\n<p>At first, it may be difficult to find all of the right pieces, but once you get the hang of it, it\u2019ll be easy as legos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Way before I started the UX Writing Hub, I was a Lego fanatic. If your childhood was anything like mine, legos were a part of it. I\u2019d say on average, my household acquired about one new set per year. So by the time I was 8 or 9, we\u2019d developed a nice sized \u201clego pile.\u201d<\/p>\n","protected":false},"author":160,"featured_media":17734,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,199,184,6],"tags":[],"class_list":["post-17733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-design-systems","category-user-guide","category-ux-design"],"yoast_title":"","yoast_metadesc":"What UX writing has to do with legos? Read the article by Yuval Keshtcher and learn how to put together a content style guide to keep UX consistency.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Everything you need to know about content styleguides | UXPin<\/title>\n<meta name=\"description\" content=\"What UX writing has to do with legos? Read the article by Yuval Keshtcher and learn how to put together a content style guide to keep UX consistency.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Everything you need to know about content styleguides\" \/>\n<meta property=\"og:description\" content=\"What UX writing has to do with legos? Read the article by Yuval Keshtcher and learn how to put together a content style guide to keep UX consistency.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-20T14:18:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:34:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Yuval Keshtcher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yuval Keshtcher\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/\"},\"author\":{\"name\":\"Yuval Keshtcher\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/4e53ff44992260461443531aacf83f93\"},\"headline\":\"Everything you need to know about content styleguides\",\"datePublished\":\"2019-08-20T14:18:02+00:00\",\"dateModified\":\"2020-04-22T13:34:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/\"},\"wordCount\":1772,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png\",\"articleSection\":[\"Blog\",\"Collaboration\",\"Design Systems\",\"User Guide\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/\",\"name\":\"Everything you need to know about content styleguides | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png\",\"datePublished\":\"2019-08-20T14:18:02+00:00\",\"dateModified\":\"2020-04-22T13:34:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/4e53ff44992260461443531aacf83f93\"},\"description\":\"What UX writing has to do with legos? Read the article by Yuval Keshtcher and learn how to put together a content style guide to keep UX consistency.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png\",\"width\":1200,\"height\":600,\"caption\":\"BlogpostHeader Everything you need to know about content styleguides 1200x600\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/everything-content-styleguides\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Everything you need to know about content styleguides\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/4e53ff44992260461443531aacf83f93\",\"name\":\"Yuval Keshtcher\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/yuval-keshtcher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Everything you need to know about content styleguides | UXPin","description":"What UX writing has to do with legos? Read the article by Yuval Keshtcher and learn how to put together a content style guide to keep UX consistency.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/","og_locale":"en_US","og_type":"article","og_title":"Everything you need to know about content styleguides","og_description":"What UX writing has to do with legos? Read the article by Yuval Keshtcher and learn how to put together a content style guide to keep UX consistency.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/","og_site_name":"Studio by UXPin","article_published_time":"2019-08-20T14:18:02+00:00","article_modified_time":"2020-04-22T13:34:39+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png","type":"image\/png"}],"author":"Yuval Keshtcher","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Yuval Keshtcher","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/"},"author":{"name":"Yuval Keshtcher","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/4e53ff44992260461443531aacf83f93"},"headline":"Everything you need to know about content styleguides","datePublished":"2019-08-20T14:18:02+00:00","dateModified":"2020-04-22T13:34:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/"},"wordCount":1772,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png","articleSection":["Blog","Collaboration","Design Systems","User Guide","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/","name":"Everything you need to know about content styleguides | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png","datePublished":"2019-08-20T14:18:02+00:00","dateModified":"2020-04-22T13:34:39+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/4e53ff44992260461443531aacf83f93"},"description":"What UX writing has to do with legos? Read the article by Yuval Keshtcher and learn how to put together a content style guide to keep UX consistency.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2019\/08\/BlogpostHeader_Everything-you-need-to-know-about-content-styleguides_1200x600.png","width":1200,"height":600,"caption":"BlogpostHeader Everything you need to know about content styleguides 1200x600"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/everything-content-styleguides\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Everything you need to know about content styleguides"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/4e53ff44992260461443531aacf83f93","name":"Yuval Keshtcher","url":"https:\/\/www.uxpin.com\/studio\/author\/yuval-keshtcher\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/17733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/160"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=17733"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/17733\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/17734"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=17733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=17733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=17733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}