{"id":26715,"date":"2020-09-10T06:45:30","date_gmt":"2020-09-10T11:45:30","guid":{"rendered":"https:\/\/www.hostgator.com\/blog\/?p=26715"},"modified":"2020-09-10T01:51:30","modified_gmt":"2020-09-10T06:51:30","slug":"design-systems-design-at-scale","status":"publish","type":"post","link":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/","title":{"rendered":"The Power of Design Systems: How HostGator Designs at Scale"},"content":{"rendered":"\n<p><em>This article is part of HostGator\u2019s Web Pros Series. In this series, we feature articles from our team of experts here at HostGator. Our Product Managers, Linux Administrators, Marketers, and Tech Support engineers share their best tips for getting the most out of your website.&nbsp;<\/em><\/p>\n\n\n\n<p>Most businesses know that good site design is critical for success. Fewer know how design systems can help brands scale up faster, work more efficiently and connect with customers better.&nbsp;<\/p>\n\n\n\n<p>As HostGator\u2019s Creative Manager, I\u2019ve seen how a well-built design system can&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>deliver a consistent and user-friendly customer experience<\/li><li>make it easier for our in-house teams to communicate&nbsp;<\/li><li>get new projects up and running faster<\/li><\/ul>\n\n\n\n<p>all while HostGator evolved from a fast-growing startup to one of the <a href=\"https:\/\/scientect.com\/uncategorized\/1120720\/global-internet-hosting-service-market-2020-outlook-recent-trends-growth-forecast-2025-by-top-players-bluehost-arvixe-web-hosting-hostgator\/\" target=\"_blank\" rel=\"noopener noreferrer\">major players in global internet hosting<\/a>.<\/p>\n\n\n\n<p>For our customers who want to grow their brands and their websites without getting bogged down in design issues, I want to share what we\u2019ve learned about the benefits of design systems.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a design system?<\/h2>\n\n\n\n<p>Design systems are collections of components that you can put together in different ways to build things that deliver a consistent experience and look. In this post, I\u2019m focusing on design systems for large websites, but design systems can also support app and product creation.&nbsp;<\/p>\n\n\n\n<p>The best metaphor for a design system is Lego building bricks. The idea is to put together a bunch of reusable components and pieces that you can pull out whenever you need them and stick them together. Because they&#8217;re always going to stick together the right way, you increase your consistency in what you build. You also increase the speed at which you can prototype things.&nbsp;<\/p>\n\n\n\n<p>So, if it helps, think of a design system as a collection of Lego bricks organized by color, size and shape so they\u2019re easy to find while you\u2019re building. You want to start your design system with your simplest building blocks. These are the things that every website has to have, like buttons, form inputs, icons, fonts and colors. Once those foundation bricks are ready, then you can start to build with them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design systems make it easier to design at scale<\/h2>\n\n\n\n<p>The at-scale part happens when you put together those individual pieces into larger components that you can also reuse. For example, when you&#8217;re starting to build a section of a new webpage, you can consistently pull the elements for the same design pattern over and over again. It\u2019s like you\u2019ve been building up these Legos into bigger and bigger pieces that you can now use to make development and design faster, easier and more concise.<\/p>\n\n\n\n<p>That saves time on development and design because your teams don\u2019t have to build everything from scratch every time you update your site. It also helps your users navigate the site easily. Our users come to HostGator.com and see patterns in our design, like buttons that are the same color and shape, so they know exactly what&#8217;s going to be clickable no matter where they are on the site.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/ABX9e9GqFRYqVqGysA-hTcioJvHdkt3jVGm7o5_hnFV7LITddGiuCje8Ned2XsRrJi_7cmKE9b81Jc5bNNeRf0mgZ1k7e0FCDT4aoAVpkp415wvZWadWfCd16a1pE99n02kETS_h\" alt=\"hostgator.com website uses design system with buttons that have the same color and shape\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">So, does your website need a design system?<\/h2>\n\n\n\n<p>Yes, if you have a large website with content that\u2019s frequently updated, like an eCommerce site with dozens or hundreds of product pages. Also, if you have a brand you\u2019re building up and you plan to scale to dozens or hundreds of pages, then investing in a design system-and someone to manage it-can help you optimize that growth.&nbsp;<\/p>\n\n\n\n<p>If you have a smaller, 5-page site for your small business or personal branding, investing in a custom design system isn\u2019t necessary. In fact, you may already have a design system-your WordPress theme or Website Builder template. However, the tips in <a href=\"https:\/\/www.hostgator.com\/blog\/create-website-style-guide\/\">this post on consistency and branding<\/a> can help you get the most from your <a href=\"https:\/\/www.hostgator.com\/blog\/choose-web-design-template\/\">site design template<\/a>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How HostGator\u2019s&nbsp;design&nbsp;system helps us work<\/h2>\n\n\n\n<p>Our design system does a lot for us. Here are a few ways it helps us work smarter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">We save time and effort with our design system<\/h3>\n\n\n\n<p>When we have a new project, our library of design components makes updates fast. For example, if we decide we need to change a banner background from blue to yellow, switching out that one color component lets us make the change at once across all the pages with that banner. When I make a change like that, I know that as long as the change didn&#8217;t break the component in our design system, it won&#8217;t break the component when it goes to the development team.&nbsp;<\/p>\n\n\n\n<p>The design library also helps us stay focused on projects instead of creating new design elements all the time. We only create new components (like new Lego bricks) when the ones we have won\u2019t help us build the design we need.<\/p>\n\n\n\n<p>With a streamlined set of tools and a project-focused mindset, we can create new designs faster and move quickly to <a href=\"https:\/\/www.hostgator.com\/blog\/diy-ux-guide-website-usability-testing\/\">user testing<\/a>. That lets us optimize our pages and forms faster for more conversions so we can keep growing. It also ensures that we\u2019re delivering the kind of experience our customers have come to expect, even as we add new elements to our site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Our design system helps our teams work together<\/h3>\n\n\n\n<p>To understand how a design system helps collaboration, it helps to know there are two parts to a design system. One is the design file where your library of components lives.&nbsp;<\/p>\n\n\n\n<p>The other is your milestone site, which catalogs all of the things that you\u2019ve built with your design components, from buttons and banners to pages and forms. The milestone site is where your designs and your code come together, so it\u2019s where your designers and developers gather to talk about projects.<\/p>\n\n\n\n<p>That shared space and those conversations help us designers think about the site in the same terms as our developers, and it helps our developers understand the way the design team thinks about the site. With that insight and shared set of building blocks, design and dev can create things that work the way they need to and look the way they should.<\/p>\n\n\n\n<p>Other teams can benefit from the milestone site, too. For example, if our marketing team wants to know if it\u2019s possible to add a new feature or move an element, we can see if we have existing components to do those things. If we don\u2019t, we can figure out how long it would take to build them. That lets us give more accurate timelines to our marketing team so they can plan their campaigns.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Our design system lets us focus on human-centered design principles<\/h3>\n\n\n\n<p>When you\u2019re building a website for people, you want to make sure that it&#8217;s easy and intuitive for them to use. Everyone should be designing with user experience (UX) in mind and having a design system makes it easier because you\u2019re using your design components to create consistent patterns on your site.&nbsp;<\/p>\n\n\n\n<p>That\u2019s important because of the way human nature responds to inconsistent patterns. For example, if you have a flow that takes users from your homepage to a product page and then to a cart, and there\u2019s a yellow button on each page, that&#8217;s a consistent pattern. Users know that to move on to the next step in that process, they need to look for a yellow button.<\/p>\n\n\n\n<p>On the other hand, if the button is blue on the homepage, yellow on the product page and red in the cart, that\u2019s inconsistent design. People are less likely to trust your site because their experience keeps changing from one page to the next. The site starts to feel flaky or shady, and that\u2019s when people will no longer trust you with their credit card information or other sensitive data.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A data system can help you deliver a consistent brand experience<\/h2>\n\n\n\n<p>A consistent website experience is part of a bigger overall brand experience that includes the design of your emails, social media posts and other user-facing content and products. To deliver that kind of seamless experience, all your teams need to be on the same page.<\/p>\n\n\n\n<p>Your design system\u2019s milestone site can help here, by serving as a one-stop shop for&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>training new employees<\/li><li>showing developers and designers the elements that they have to work with<\/li><li>getting freelancers and agencies up to speed on your brand elements and user experience<\/li><\/ul>\n\n\n\n<p>Anybody who needs to know anything about the brand can find all of the information they need in one spot.&nbsp;<\/p>\n\n\n\n<p>Having a reference library run by one design system manager also means you can have technical consistency across all your teams, in all locations. If everyone\u2019s working with the same elements, they\u2019ll function the same way whether they were developed by a team in Houston, Rio de Janeiro or Toronto. That also makes growth and expansion easier.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design system resources<\/h2>\n\n\n\n<p>Implementing a design system delivers big benefits, but it also takes some serious planning and time. If you think your business could use a design system to scale and deliver better UX, here are a few of my favorite resources to check out next.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>InVision, which we use at HostGator, has a lot of <a href=\"https:\/\/www.invisionapp.com\/inside-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">design system resources on their website<\/a> for people who are scaling up their businesses.&nbsp;<\/li><li><a href=\"https:\/\/atomicdesign.bradfrost.com\" target=\"_blank\" rel=\"noopener noreferrer\">Atomic Design by Brad Frost<\/a> is what I use to base my design system and structure on. You can read it online.<\/li><li><a href=\"https:\/\/books.google.com\/books\/about\/Grid_Systems_in_Graphic_Design.html?id=MLYiAQAAIAAJ\" target=\"_blank\" rel=\"noopener noreferrer\">Grid Systems in Graphic Design<\/a> by Josef M\u00c3\u00bcller-Brockmann is a design classic that\u2019s out of print, but used copies are pretty easy to find.<\/li><\/ul>\n\n\n\n<p><em>Want to learn more about design systems? Join Joe and HostGator Creative Director Alexandria DeRosa for <\/em><a href=\"https:\/\/www.invisionapp.com\/talks\/build-a-design-system-that-works\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Build a Design System That Works<\/em><\/a><em>, an InVision Talk on Sept. 22, 2020.&nbsp;<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article is part of HostGator\u2019s Web Pros Series. In this series, we feature articles from our team of experts&#8230;<\/p>\n","protected":false},"author":227,"featured_media":26717,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[137,120,127],"class_list":["post-26715","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-and-tricks","tag-hostgator-web-pros","tag-shared-hosting","tag-web-design-services"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.2 (Yoast SEO v23.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Power of Design Systems: How HostGator Designs at Scale - HostGator<\/title>\n<meta name=\"description\" content=\"A design system can help your business grow and improve user experience. Creative Manager Joe Stutzman shares how HostGator designs at scale.\" \/>\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.hostgator.com\/blog\/design-systems-design-at-scale\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Power of Design Systems: How HostGator Designs at Scale\" \/>\n<meta property=\"og:description\" content=\"A design system can help your business grow and improve user experience. Creative Manager Joe Stutzman shares how HostGator designs at scale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/\" \/>\n<meta property=\"og:site_name\" content=\"HostGator\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostGator\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-10T11:45:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-10T06:51:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"629\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joe Stutzman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@HostGator\" \/>\n<meta name=\"twitter:site\" content=\"@HostGator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Stutzman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/\"},\"author\":{\"name\":\"Joe Stutzman\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/23cff782b7ab14cc104ae210fdbf605f\"},\"headline\":\"The Power of Design Systems: How HostGator Designs at Scale\",\"datePublished\":\"2020-09-10T11:45:30+00:00\",\"dateModified\":\"2020-09-10T06:51:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/\"},\"wordCount\":1670,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg\",\"keywords\":[\"HostGator Web Pros\",\"Shared Hosting\",\"Web Design Services\"],\"articleSection\":[\"Marketing Tips and Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/\",\"name\":\"The Power of Design Systems: How HostGator Designs at Scale - HostGator\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg\",\"datePublished\":\"2020-09-10T11:45:30+00:00\",\"dateModified\":\"2020-09-10T06:51:30+00:00\",\"description\":\"A design system can help your business grow and improve user experience. Creative Manager Joe Stutzman shares how HostGator designs at scale.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg\",\"width\":1200,\"height\":629,\"caption\":\"How HostGator Uses Design Systems to Design at Scale\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostgator.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Power of Design Systems: How HostGator Designs at Scale\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"name\":\"HostGtaor\",\"description\":\"Web Hosting and Marketing Tips for Entrepreneurs\",\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\",\"name\":\"HostGtaor\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"width\":1092,\"height\":215,\"caption\":\"HostGtaor\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/HostGator\",\"https:\/\/x.com\/HostGator\",\"https:\/\/www.instagram.com\/hostgator\",\"https:\/\/www.linkedin.com\/company\/hostgator-com\",\"https:\/\/www.pinterest.com\/hostgator\/\",\"https:\/\/www.youtube.com\/user\/hostgator\"],\"email\":\"support@gator.com\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/23cff782b7ab14cc104ae210fdbf605f\",\"name\":\"Joe Stutzman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/55e63b4033c3fc648beddd220ea3d120?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/55e63b4033c3fc648beddd220ea3d120?s=96&d=mm&r=g\",\"caption\":\"Joe Stutzman\"},\"description\":\"Joe is the Creative Manager for HostGator.\",\"url\":\"https:\/\/www.hostgator.com\/blog\/author\/jstutzman\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Power of Design Systems: How HostGator Designs at Scale - HostGator","description":"A design system can help your business grow and improve user experience. Creative Manager Joe Stutzman shares how HostGator designs at scale.","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.hostgator.com\/blog\/design-systems-design-at-scale\/","og_locale":"en_US","og_type":"article","og_title":"The Power of Design Systems: How HostGator Designs at Scale","og_description":"A design system can help your business grow and improve user experience. Creative Manager Joe Stutzman shares how HostGator designs at scale.","og_url":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/","og_site_name":"HostGator","article_publisher":"https:\/\/www.facebook.com\/HostGator","article_published_time":"2020-09-10T11:45:30+00:00","article_modified_time":"2020-09-10T06:51:30+00:00","og_image":[{"width":1200,"height":629,"url":"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg","type":"image\/jpeg"}],"author":"Joe Stutzman","twitter_card":"summary_large_image","twitter_creator":"@HostGator","twitter_site":"@HostGator","twitter_misc":{"Written by":"Joe Stutzman","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#article","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/"},"author":{"name":"Joe Stutzman","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/23cff782b7ab14cc104ae210fdbf605f"},"headline":"The Power of Design Systems: How HostGator Designs at Scale","datePublished":"2020-09-10T11:45:30+00:00","dateModified":"2020-09-10T06:51:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/"},"wordCount":1670,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg","keywords":["HostGator Web Pros","Shared Hosting","Web Design Services"],"articleSection":["Marketing Tips and Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/","url":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/","name":"The Power of Design Systems: How HostGator Designs at Scale - HostGator","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg","datePublished":"2020-09-10T11:45:30+00:00","dateModified":"2020-09-10T06:51:30+00:00","description":"A design system can help your business grow and improve user experience. Creative Manager Joe Stutzman shares how HostGator designs at scale.","breadcrumb":{"@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#primaryimage","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2020\/09\/How-HostGator-Uses-Design.jpg","width":1200,"height":629,"caption":"How HostGator Uses Design Systems to Design at Scale"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostgator.com\/blog\/design-systems-design-at-scale\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostgator.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Power of Design Systems: How HostGator Designs at Scale"}]},{"@type":"WebSite","@id":"https:\/\/www.hostgator.com\/blog\/#website","url":"https:\/\/www.hostgator.com\/blog\/","name":"HostGtaor","description":"Web Hosting and Marketing Tips for Entrepreneurs","publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hostgator.com\/blog\/#organization","name":"HostGtaor","url":"https:\/\/www.hostgator.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","width":1092,"height":215,"caption":"HostGtaor"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HostGator","https:\/\/x.com\/HostGator","https:\/\/www.instagram.com\/hostgator","https:\/\/www.linkedin.com\/company\/hostgator-com","https:\/\/www.pinterest.com\/hostgator\/","https:\/\/www.youtube.com\/user\/hostgator"],"email":"support@gator.com"},{"@type":"Person","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/23cff782b7ab14cc104ae210fdbf605f","name":"Joe Stutzman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/55e63b4033c3fc648beddd220ea3d120?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55e63b4033c3fc648beddd220ea3d120?s=96&d=mm&r=g","caption":"Joe Stutzman"},"description":"Joe is the Creative Manager for HostGator.","url":"https:\/\/www.hostgator.com\/blog\/author\/jstutzman\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/26715"}],"collection":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/users\/227"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/comments?post=26715"}],"version-history":[{"count":1,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/26715\/revisions"}],"predecessor-version":[{"id":26716,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/26715\/revisions\/26716"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media\/26717"}],"wp:attachment":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media?parent=26715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/categories?post=26715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/tags?post=26715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}