{"id":24321,"date":"2026-02-20T16:33:50","date_gmt":"2026-02-20T15:33:50","guid":{"rendered":"https:\/\/www.mild.se\/design-systems-what-is-it-and-why-should-you-care\/"},"modified":"2026-02-23T11:23:10","modified_gmt":"2026-02-23T10:23:10","slug":"design-systems-what-is-it-and-why-should-you-care","status":"publish","type":"post","link":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/","title":{"rendered":"Design systems \u2013 what is it and why should you care?"},"content":{"rendered":"
\n

What color of blue is it, really?<\/h2>\n<\/div><\/div><\/div>\n\n
\n

A new campaign is being created and someone asks if there are any graphic elements to use as a starting point. At the same time, the website is being updated, but which blue color really applies \u2013 the one from the latest presentation, the one on the site, or the one the brand manual from 2019 says? <\/p>\n<\/div><\/div><\/div>\n\n

\n

Someone is frantically searching for the component library. Someone else is trying to understand why the same button looks different on two pages. A third person is building an ad from scratch \u2013 again<\/em> \u2013 even though similar material was produced just three weeks ago. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Nobody makes mistakes. Everyone tries. But everyone starts from different versions of the \"truth\". <\/p>\n<\/div><\/div><\/div>\n\n

\n

Do you recognize yourself? Then you are definitely not alone. And what is missing has a name: design system. <\/p>\n<\/div><\/div><\/div>\n\n

\n

What is a design system \u2013 and what is it not?<\/h2>\n<\/div><\/div><\/div>\n\n
\n

Let's start with what it's not<\/em> : it's not a PDF of logo rules that no one can find. Nor is it just a collection of color codes that some designer saved in a document three years ago. <\/p>\n<\/div><\/div><\/div>\n\n

\n

A design system is a living, shared framework that brings together all the building blocks you need to express your brand consistently across digital environments. Think of it like a perfectly curated wardrobe \u2013 everything has a place, everything matches, and anyone on the team can put together something that looks thoughtful, without having to ask what goes together. <\/p>\n<\/div><\/div><\/div>\n\n

\n

What is typically included?<\/h2>\n<\/div><\/div><\/div>\n\n
\n

The visual basics:<\/strong> Color palette with precise color codes, typography with clear rules for hierarchy, logo with usage rules and free zones, and guidelines for image style.<\/p>\n<\/div><\/div><\/div>\n\n

\n

Components:<\/strong> Buttons, forms, menus, cards, and other pre-built parts that can be reused \u2013 defined in different states and responsive variants.<\/p>\n<\/div><\/div><\/div>\n\n

\n

Principles and guidelines:<\/strong> Design principles that guide decisions, accessibility guidelines, and sometimes even tonality and copy guidelines.<\/p>\n<\/div><\/div><\/div>\n\n

\n

Code (in more advanced systems):<\/strong> Ready-made code components that developers can use directly, with documentation that connects design to implementation.<\/p>\n<\/div><\/div><\/div>\n\n

\n

The important thing to understand? A design system is not a project with a start and an end. It is a living product that grows with your organization. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Why you as a marketing manager should care<\/h2>\n<\/div><\/div><\/div>\n\n
\n

\"Design sounds like the designer's job\" \u2013 and yes, the designer is central to building<\/em> the system. But the impact is felt far beyond the design department. It's felt in your everyday life. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Without a design system<\/h3>\n<\/div><\/div><\/div>\n\n
\n

Monday:<\/strong> Market needs a landing page for an upcoming campaign. The designer starts from scratch \u2013 looking up color codes, fonts and image styles from the previous project. Finds three versions. Chooses the one that looks most current. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Tuesday:<\/strong> The developer gets the design. Some of the components look like the ones already on the site \u2013 but not quite. The developer builds new variants. This takes extra time. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Wednesday:<\/strong> At the same time, a colleague in marketing is creating advertising material in Canva. The person is using the colors in Canva's branding kit, but they don't quite match what the designer used. No one notices it right now. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Thursday:<\/strong> The CEO sees the landing page and wonders why the buttons look different compared to the rest of the site. The designer explains. A retake is done. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Friday:<\/strong> The campaign launches. It looks okay, but it took three times as long as it should. And if you look closely, the ad, landing page, and website look like they come from three different companies. <\/p>\n<\/div><\/div><\/div>\n\n

\n

No individual did anything wrong. The system failed them. <\/p>\n<\/div><\/div><\/div>\n\n

\n

With a design system<\/h3>\n<\/div><\/div><\/div>\n\n
\n

The designer opens the design system, selects existing components, and puts the page together in a morning. The developer assembles \u2013 not builds \u2013 because the components are already in code. Marketing creates creative with the right colors, templates, and guidelines. Everything is connected. The campaign launches in half the time and looks like part of the same brand regardless of channel. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Five reasons to care \u2013 from a business perspective<\/h2>\n<\/div><\/div><\/div>\n\n
\n

1. Time is money \u2013 and you save plenty of both<\/h3>\n<\/div><\/div><\/div>\n\n
\n

With a design system, the building blocks are already in place. The designer designs faster. The developer builds faster. The market produces faster. That may not sound dramatic in a single project, but multiply it by all projects over a year and it becomes very noticeable. <\/p>\n<\/div><\/div><\/div>\n\n

\n

2. Consistent experience builds trust<\/h3>\n<\/div><\/div><\/div>\n\n
\n

Think about the brands you trust the most. Regardless of the channel, it feels<\/em> like the same company. It doesn't happen by itself, it happens because they have a system. When your expression varies depending on who produced the material, recognition disappears. And recognition is a prerequisite for trust. <\/p>\n<\/div><\/div><\/div>\n\n

\n

3. Onboarding and collaboration become easier<\/h3>\n<\/div><\/div><\/div>\n\n
\n

Without a design system: long onboarding, lots of questions, lots of \"this is how we usually do it\" that is never documented. With a design system: \"Here's the system. This is how we work. Go ahead.\" Especially valuable if you work with external partners such as agencies, freelancers or other teams. <\/p>\n<\/div><\/div><\/div>\n\n

\n

4. You can scale without losing control<\/h3>\n<\/div><\/div><\/div>\n\n
\n

The more channels, campaigns and teams you add, the harder it becomes to keep the whole thing together. A design system gives you the opportunity to grow without the expression spreading. More hands can work in parallel without the quality dropping. <\/p>\n<\/div><\/div><\/div>\n\n

\n

5. It protects the investment in your brand<\/h3>\n<\/div><\/div><\/div>\n\n
\n

You've invested time, energy and money into your visual identity. Without a system that ensures it's managed consistently, it slowly erodes. Not through one big disaster, but through a thousand small deviations that together cause the brand to lose focus. <\/p>\n<\/div><\/div><\/div>\n\n

\n

\"Do we really need it?\" \u2013 Three levels to choose from<\/h2>\n<\/div><\/div><\/div>\n\n
\n

Not everyone needs a full-scale design system. The level of ambition should match where you are. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Level 1: Visual guidelines (basic level)<\/h3>\n<\/div><\/div><\/div>\n\n
\n

Documented colors, fonts, logo rules and image style. No coded components \u2013 but a clear visual reference that everyone can use. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Suitable for you if you are a smaller team, lack documented guidelines and want to create order without making it a large project. In practice: a well-structured document or a shared Figma file. Takes days to set up, not months. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Level 2: Component Library (Intermediate Level)<\/h3>\n<\/div><\/div><\/div>\n\n
\n

In addition to the visual guidelines, there are pre-built design components that designers can use directly \u2013 defined in different states and responsive variants.<\/p>\n<\/div><\/div><\/div>\n\n

\n

Suitable for you if you regularly produce digital material, multiple people create design or content, you work with external partners or you have experienced inconsistency between pages and channels.<\/p>\n<\/div><\/div><\/div>\n\n

\n

Level 3: Full-scale design system (advanced level)<\/h3>\n<\/div><\/div><\/div>\n\n
\n

Design and code live together. Each design component is also available as a ready-made code component. The system includes documentation, principles, accessibility guidelines and often even tone. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Suitable for you if you have a complex digital presence with multiple sites or platforms, design and development teams work in parallel, or you scale quickly and need the single source of truth for all digital expressions.<\/p>\n<\/div><\/div><\/div>\n\n

\n

Recognize your situation<\/h3>\n<\/div><\/div><\/div>\n\n
\n

Most companies we meet are somewhere between level 1 and 2. They have something<\/em> \u2013 but it\u2019s not really connected, it\u2019s not up to date, and it\u2019s not being used consistently. That\u2019s perfectly normal. And the most important step is not to build a perfect system \u2013 but to start. <\/p>\n<\/div><\/div><\/div>\n\n

\n

How do you create a design system?<\/h2>\n<\/div><\/div><\/div>\n\n
\n

Here is the practical process \u2013 adapted to reality, not the textbook.<\/p>\n<\/div><\/div><\/div>\n\n

\n

1. Take inventory of what is available. <\/strong>Go through the site and collect all the unique variations of buttons, forms, colors, and other elements. You'll probably find five variations of the \"primary button\" and three shades of \"our blue.\" That's not a failure\u2014it's the starting point. <\/p>\n<\/div><\/div><\/div>\n\n

\n

2. Choose what should be common.<\/strong> Not everything needs to be there from day one. Start with what is used most and creates the most friction: color palette, typography, buttons, form fields, and spacing. That's the core. The rest is added gradually. <\/p>\n<\/div><\/div><\/div>\n\n

\n

3. Design, document and anchor.<\/strong> Each component is designed in its variants and documented with clear rules: when<\/em> to use it, where<\/em> to place it and why<\/em> it looks the way it does. But just as important \u2013 involve designers, developers and the market already during creation. Appoint an owner. Make it easy to find. Otherwise it will collect dust. <\/p>\n<\/div><\/div><\/div>\n\n

\n

4. Maintenance as a product. <\/strong>The design system is never \"finished.\" New components are added, old ones are phased out, guidelines are adjusted. Treat it like a product with its own roadmap\u2014not a one-time project. <\/p>\n<\/div><\/div><\/div>\n\n

\n

Common objections and honest answers<\/h2>\n<\/div><\/div><\/div>\n\n
\n
    \n
  • \"We are too small for a design system.\"
    <\/strong>Maybe \u2013 but you are never too young for visual guidelines (level 1). It is easier and cheaper to start early than to clean up afterwards. <\/li>\n\n\n\n
  • \"That sounds expensive.\"
    <\/strong> The initial work costs money \u2013 but think of all the hours spent on rework, duplication and \u201cwhich variant should I use?\u201d questions. Those hours cost money too \u2013 they just don\u2019t show up on an invoice. <\/li>\n\n\n\n
  • \"Our team won't use it anyway.\"
    <\/strong> Justified concern. But it all depends on how it is introduced. A system that is thrown over the wall without involvement \u2013 \u200b\u200bno, it will not be used. A system that is built with<\/em> the teams and solves their<\/em> problems \u2013 it becomes a natural part of everyday life. <\/li>\n\n\n\n
  • \"We have a brand manual.\"
    <\/strong> Good \u2013 that\u2019s a start. But a brand manual describes what<\/em> the brand is. The design system provides the tools to build<\/em> it consistently in digital environments. One tells the story. The other enables. <\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n
    \n

    <\/p>\n<\/div><\/div><\/div>\n\n

    \n

    Do you want to get started?<\/h2>\n<\/div><\/div><\/div>\n\n
    \n

    At Mild, we live in the intersection of design, technology, and strategy, every day. We build design systems that don't just look good in a Figma file, but actually work in the real world. From visual guidelines to full-scale systems with code libraries, we always start with your needs in mind. <\/p>\n<\/div><\/div><\/div>\n\n

    \n

    Whether you want to build from scratch, structure what you already have, or just brainstorm \u2013 get in touch.<\/p>\n<\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"

    The same button looks different on two pages. No one knows which blue is which. Promotional materials take three times as long as they should. Do you recognize yourself? Then it’s time to talk design systems. <\/p>\n","protected":false},"author":1,"featured_media":24325,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[222],"tags":[],"class_list":["post-24321","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-insikter-fran-branschen-en"],"acf":[],"yoast_head":"\nDesign Systems \u2013 What They Are and Why You Should Care<\/title>\n<meta name=\"description\" content=\"The same button looks different on two pages. No one knows which blue is which. Promotional materials take weeks to produce. Maybe it's time for a design system.\" \/>\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.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Systems \u2013 What They Are and Why You Should Care\" \/>\n<meta property=\"og:description\" content=\"The same button looks different on two pages. No one knows which blue is which. Promotional materials take weeks to produce. Maybe it's time for a design system.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/\" \/>\n<meta property=\"og:site_name\" content=\"Mild\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mildmedia\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-20T15:33:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-23T10:23:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mild.se\/wp-content\/uploads\/2026\/02\/700x560px-template-darkpurple-thumbnail-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1050\" \/>\n\t<meta property=\"og:image:height\" content=\"840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"noreply@mildmedia.se\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"noreply@mildmedia.se\" \/>\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.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/\"},\"author\":{\"name\":\"noreply@mildmedia.se\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#\\\/schema\\\/person\\\/b9378373e6b4a72da339f8d15c519aad\"},\"headline\":\"Design systems \u2013 what is it and why should you care?\",\"datePublished\":\"2026-02-20T15:33:50+00:00\",\"dateModified\":\"2026-02-23T10:23:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/\"},\"wordCount\":1652,\"publisher\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mild.se\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/700x560px-template-darkpurple-thumbnail-1.png\",\"articleSection\":[\"Insights from the industry\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/\",\"url\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/\",\"name\":\"Design Systems \u2013 What They Are and Why You Should Care\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mild.se\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/700x560px-template-darkpurple-thumbnail-1.png\",\"datePublished\":\"2026-02-20T15:33:50+00:00\",\"dateModified\":\"2026-02-23T10:23:10+00:00\",\"description\":\"The same button looks different on two pages. No one knows which blue is which. Promotional materials take weeks to produce. Maybe it's time for a design system.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mild.se\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/700x560px-template-darkpurple-thumbnail-1.png\",\"contentUrl\":\"https:\\\/\\\/www.mild.se\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/700x560px-template-darkpurple-thumbnail-1.png\",\"width\":1050,\"height\":840},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/design-systems-what-is-it-and-why-should-you-care\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mild.se\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design systems \u2013 what is it and why should you care?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.mild.se\\\/en\\\/\",\"name\":\"Mild\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mild.se\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#organization\",\"name\":\"Mild\",\"url\":\"https:\\\/\\\/www.mild.se\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mild.se\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/logotype-social-mild.png\",\"contentUrl\":\"https:\\\/\\\/www.mild.se\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/logotype-social-mild.png\",\"width\":1080,\"height\":1080,\"caption\":\"Mild\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mildmedia\\\/\",\"https:\\\/\\\/www.instagram.com\\\/mildmedia\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/mild-media\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.mild.se\\\/en\\\/#\\\/schema\\\/person\\\/b9378373e6b4a72da339f8d15c519aad\",\"name\":\"noreply@mildmedia.se\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f0fccb7434988c70ea66c2a5db05102e4b7ea8d34d6097f92abbc1174b13d2a5?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f0fccb7434988c70ea66c2a5db05102e4b7ea8d34d6097f92abbc1174b13d2a5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f0fccb7434988c70ea66c2a5db05102e4b7ea8d34d6097f92abbc1174b13d2a5?s=96&d=mm&r=g\",\"caption\":\"noreply@mildmedia.se\"},\"sameAs\":[\"https:\\\/\\\/www.mild.se\"],\"url\":\"https:\\\/\\\/www.mild.se\\\/en\\\/author\\\/noreplymildmedia-se\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Systems \u2013 What They Are and Why You Should Care","description":"The same button looks different on two pages. No one knows which blue is which. Promotional materials take weeks to produce. Maybe it's time for a design system.","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.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/","og_locale":"en_US","og_type":"article","og_title":"Design Systems \u2013 What They Are and Why You Should Care","og_description":"The same button looks different on two pages. No one knows which blue is which. Promotional materials take weeks to produce. Maybe it's time for a design system.","og_url":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/","og_site_name":"Mild","article_publisher":"https:\/\/www.facebook.com\/mildmedia\/","article_published_time":"2026-02-20T15:33:50+00:00","article_modified_time":"2026-02-23T10:23:10+00:00","og_image":[{"width":1050,"height":840,"url":"https:\/\/www.mild.se\/wp-content\/uploads\/2026\/02\/700x560px-template-darkpurple-thumbnail-1.png","type":"image\/png"}],"author":"noreply@mildmedia.se","twitter_card":"summary_large_image","twitter_misc":{"Written by":"noreply@mildmedia.se","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/#article","isPartOf":{"@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/"},"author":{"name":"noreply@mildmedia.se","@id":"https:\/\/www.mild.se\/en\/#\/schema\/person\/b9378373e6b4a72da339f8d15c519aad"},"headline":"Design systems \u2013 what is it and why should you care?","datePublished":"2026-02-20T15:33:50+00:00","dateModified":"2026-02-23T10:23:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/"},"wordCount":1652,"publisher":{"@id":"https:\/\/www.mild.se\/en\/#organization"},"image":{"@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mild.se\/wp-content\/uploads\/2026\/02\/700x560px-template-darkpurple-thumbnail-1.png","articleSection":["Insights from the industry"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/","url":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/","name":"Design Systems \u2013 What They Are and Why You Should Care","isPartOf":{"@id":"https:\/\/www.mild.se\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/#primaryimage"},"image":{"@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mild.se\/wp-content\/uploads\/2026\/02\/700x560px-template-darkpurple-thumbnail-1.png","datePublished":"2026-02-20T15:33:50+00:00","dateModified":"2026-02-23T10:23:10+00:00","description":"The same button looks different on two pages. No one knows which blue is which. Promotional materials take weeks to produce. Maybe it's time for a design system.","breadcrumb":{"@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/#primaryimage","url":"https:\/\/www.mild.se\/wp-content\/uploads\/2026\/02\/700x560px-template-darkpurple-thumbnail-1.png","contentUrl":"https:\/\/www.mild.se\/wp-content\/uploads\/2026\/02\/700x560px-template-darkpurple-thumbnail-1.png","width":1050,"height":840},{"@type":"BreadcrumbList","@id":"https:\/\/www.mild.se\/en\/design-systems-what-is-it-and-why-should-you-care\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mild.se\/en\/"},{"@type":"ListItem","position":2,"name":"Design systems \u2013 what is it and why should you care?"}]},{"@type":"WebSite","@id":"https:\/\/www.mild.se\/en\/#website","url":"https:\/\/www.mild.se\/en\/","name":"Mild","description":"","publisher":{"@id":"https:\/\/www.mild.se\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mild.se\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mild.se\/en\/#organization","name":"Mild","url":"https:\/\/www.mild.se\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mild.se\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.mild.se\/wp-content\/uploads\/2020\/10\/logotype-social-mild.png","contentUrl":"https:\/\/www.mild.se\/wp-content\/uploads\/2020\/10\/logotype-social-mild.png","width":1080,"height":1080,"caption":"Mild"},"image":{"@id":"https:\/\/www.mild.se\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mildmedia\/","https:\/\/www.instagram.com\/mildmedia\/","https:\/\/www.linkedin.com\/company\/mild-media\/"]},{"@type":"Person","@id":"https:\/\/www.mild.se\/en\/#\/schema\/person\/b9378373e6b4a72da339f8d15c519aad","name":"noreply@mildmedia.se","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f0fccb7434988c70ea66c2a5db05102e4b7ea8d34d6097f92abbc1174b13d2a5?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f0fccb7434988c70ea66c2a5db05102e4b7ea8d34d6097f92abbc1174b13d2a5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f0fccb7434988c70ea66c2a5db05102e4b7ea8d34d6097f92abbc1174b13d2a5?s=96&d=mm&r=g","caption":"noreply@mildmedia.se"},"sameAs":["https:\/\/www.mild.se"],"url":"https:\/\/www.mild.se\/en\/author\/noreplymildmedia-se\/"}]}},"_links":{"self":[{"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/posts\/24321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/comments?post=24321"}],"version-history":[{"count":3,"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/posts\/24321\/revisions"}],"predecessor-version":[{"id":24331,"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/posts\/24321\/revisions\/24331"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/media\/24325"}],"wp:attachment":[{"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/media?parent=24321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/categories?post=24321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mild.se\/en\/wp-json\/wp\/v2\/tags?post=24321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}