{"id":4404,"date":"2021-04-29T00:00:00","date_gmt":"2021-04-28T22:00:00","guid":{"rendered":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/uncategorized\/introduction-to-color-theory-and-color-palettes\/"},"modified":"2023-05-10T15:42:12","modified_gmt":"2023-05-10T13:42:12","slug":"introduction-to-color-theory-and-color-palettes","status":"publish","type":"post","link":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ui-design\/introduction-to-color-theory-and-color-palettes\/","title":{"rendered":"An Introduction to Color Theory and Color Palettes"},"content":{"rendered":"<p>Have you ever seen a color that has immediately reminded you of a particular brand? Maybe you\u2019ve struggled to feel relaxed in a room that has a clashing color scheme, or returned an item of clothing you got as a gift because the color wasn\u2019t quite right.<\/p>\n<p>Colors have the immeasurable power to inform our mood, emotions, and thoughts. Research conducted by the <a href=\"https:\/\/www.colorcom.com\/research\/why-color-matters\" target=\"_blank\" rel=\"noopener\">Institute for Color Research<\/a> reveals that people make a subconscious judgment about a product within 90 seconds of seeing it, and between 62% and 90% of that assessment is based on color alone.<\/p>\n<p>User interface (UI) designers have the challenging task of incorporating color into their interface in a way that poignantly communicates a brand\u2019s visual identity. While it might seem like a website\u2019s color palette is a matter of the client\u2019s personal taste, in reality, UI designers rely on a framework called color theory: a multilayered set of guidelines that informs the use of color in design.<\/p>\n<p>In this guide, we\u2019ll take you through <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/tutorials\/ui-design-for-beginners\/color-theory\/\">everything you need to know about color theory<\/a>\u2014from mastering the fundamentals of color variants right through to <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ui-design\/common-color-palette-mistakes\/\">choosing the right color palette for your user interface.<\/a><\/p>\n<p>Here\u2019s what we\u2019ll cover:<\/p>\n<ol>\n<li><a href=\"#what-is-color-theory\">What is color theory?<\/a><\/li>\n<li><a href=\"#introduction-to-the-color-wheel\">Introduction to the color wheel<\/a><\/li>\n<li><a href=\"#the-importance-of-color-harmony\">The importance of color harmony\u00a0<\/a><\/li>\n<li><a href=\"#additive-and-subtractive-color-models\">Additive and subtractive color models<\/a><\/li>\n<li><a href=\"#introduction-to-color-palettes\">Introduction to color palettes\u00a0<\/a><\/li>\n<li><a href=\"#what-are-the-different-type-of-color-palettes\">What are the different types of color palettes?\u00a0<\/a><\/li>\n<li><a href=\"#how-to-choose-a-color-palette\">How to choose a color palette\u00a0<\/a><\/li>\n<li><a href=\"#the-best-online-tools-for-choosing-a-color-palette\">The best online tools for choosing a color palette\u00a0<\/a><\/li>\n<li><a href=\"#final-thoughts\">Final thoughts\u00a0<\/a><\/li>\n<\/ol>\n<p>Before we jump in, check out this video presented by CareerFoundry UI design mentor, Olga. Olga explains what you need to consider when choosing a color palette, things to avoid, and top tips for picking the right color scheme:<\/p>\n<style type=\"text\/css\">.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style>\n<div class=\"embed-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/PLFKKVzpIVA\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h2 id=\"what-is-color-theory\">1. What is color theory?<\/h2>\n<p>Let\u2019s start at the basics: what actually is color theory?<\/p>\n<p>Color theory is a framework that informs the use of color in art and design, guides the curation of color palettes, and facilitates the effective communication of a design message on both an aesthetic and a psychological level.<\/p>\n<p>Modern color theory is largely based on Isaac Newton\u2019s color wheel, which he created all the way back in 1666. The basic color wheel displays three categories of color; primary colors, secondary colors, and tertiary colors. If you remember learning about these in art class, well done\u2014you\u2019ve already grasped the basics of color theory!<\/p>\n<p><img decoding=\"async\" title=\"Isaac Newton's original color wheel\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/color-wheel-issac-ne-qdxan.jpg\" alt=\"Isaac Newton's original color wheel\" \/><\/p>\n<p>Let\u2019s have a quick refresh on what these color categories entail:<\/p>\n<ul>\n<li><strong>Primary colors<\/strong> are colors you can\u2019t create by combining two or more other colors. The primary colors are red, blue, and yellow.<\/li>\n<li>The <strong>secondary colors<\/strong> are orange, purple, and green\u2014in other words, colors that can be created by combining any two of the three primary colors.<\/li>\n<li><strong>Tertiary colors<\/strong> are created by mixing a primary color with a secondary color. The tertiary colors are magenta, vermillion, violet, teal, amber, and chartreuse.<\/li>\n<\/ul>\n<p><img decoding=\"async\" title=\"The primary, secondary and tertiary colors\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/primary-secondary-te-tik1y.jpg\" alt=\"3 wheels depicting the primary, secondary and tertiary colors\" \/><\/p>\n<h2 id=\"introduction-to-the-color-wheel\">2. Introduction to the color wheel<\/h2>\n<p>You might be thinking, \u201cthere are way more than 12 colors out there.\u201d You\u2019re right\u2014and they can all be found on a more advanced version of the color wheel.<\/p>\n<p><img decoding=\"async\" title=\"The color wheel as we know it today\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/blended-color-wheel.jpg\" alt=\"Advanced color wheel\" \/><\/p>\n<p>The color wheel doesn\u2019t just chart each primary, secondary, and tertiary color\u2014it also charts their respective hues, tints, tones, and shades. By visualizing how each color relates to the color that comes next to it on a rainbow color scale, the color wheel helps designers to create bespoke color palettes that promote aesthetic harmony. Let\u2019s dive into these color variants a little deeper:<\/p>\n<h3 id=\"hue\">Hue<\/h3>\n<p>Hue refers to the pure pigment of a color, without tint or shade. In that respect, hue can be interpreted as the origin of a color. Any one of the six primary and secondary colors is a hue.<\/p>\n<h3 id=\"shade\">Shade<\/h3>\n<p>Shade refers to how much black is added into the hue. As such, shade darkens a color.<\/p>\n<h3 id=\"tint\">Tint<\/h3>\n<p>The opposite of shade, tint refers to how much white is added to a color. As such, tint lightens a color.<\/p>\n<h3 id=\"tone\">Tone<\/h3>\n<p>Tone is the result of a color that has had both white and black added to it. In other words, tone refers to any hue that has been modified with the addition of grey\u2014as long as the grey is purely neutral (only containing white and black).<\/p>\n<h3 id=\"color-temperaturenbsp\">Color temperature<\/h3>\n<p>Even if you\u2019re a self-confessed design newbie, you\u2019ve likely heard the terms \u201cwarm, cool and neutral\u201d tossed around in relation to color. This is referred to as color temperature, and it\u2019s an essential consideration when it comes to color theory.<\/p>\n<p>Warm colors contain shades of yellow and red; cool colors have a blue, green, or purple tint; and neutral colors include brown, gray, black, and white. The temperature of a color has a significant impact on our emotional response to it. Within the psychology of colors, for example, warm colors show excitement, optimism, and creativity, whereas cool colors symbolize peace, calmness, and harmony. But we\u2019ll talk a little bit more about color psychology later on!<\/p>\n<h2 id=\"the-importance-of-color-harmony\">3. The importance of color harmony<\/h2>\n<p>Arguably the most crucial aspect of color theory, color harmony refers to the use of color combinations that are visually pleasing for the human eye. Color palettes can either promote contrast or consonance, but as long as they make sense together, they can still result in a visually satisfying effect.<\/p>\n<p>When it comes to UI design, color harmony is what all designers strive to achieve. Based on the psychological need for balance, color harmony engages the viewer and establishes a sense of order. A lack of harmony in a color palette can either result in an interface being under-stimulating (boring) or over-stimulating (chaotic and messy).<\/p>\n<p>Unsure about what a user interface looks like? Check out our guide on <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ui-design\/what-is-a-user-interface\/\" target=\"_blank\" rel=\"noopener\">what a user interface is, and what you might find within one.\u00a0<\/a><\/p>\n<h2 id=\"additive-and-subtractive-color-models\">4. Additive and subtractive color models<\/h2>\n<p>Now that we\u2019ve mastered the color variants, we can move on to adding and subtracting color. Color has two different natures: the tangible colors which can be seen on the surface of objects, and colors that are produced by light. These two types of color are known as the additive and subtractive color models. Let\u2019s take a closer look at what they mean.<\/p>\n<h3 id=\"the-additive-color-model-rgb\">The additive color model (RGB)<\/h3>\n<p>RGB stands for red, green, and blue, and is based on the additive color model of light waves that dictates that the more color you add, the closer the color gets to white. The RGB color model forms the basis of all electronic screens, and as a result, is the model used most often by UI designers.<\/p>\n<p><img decoding=\"async\" title=\"The RGB color model\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/rgb.jpg\" alt=\"The RGB color model\" \/><\/p>\n<h3 id=\"the-subtractive-color-model-cmyk\">The subtractive color model (CMYK)<\/h3>\n<p>On the other hand, CMYK is known as the subtractive color model, which obtains colors by the subtraction of light. CMYK stands for cyan, magenta, yellow, and black, and it is mostly used in physical printing.<\/p>\n<p><img decoding=\"async\" title=\"The CMYK color model\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/cmyk.jpg\" alt=\"The CMYK color model\" \/><\/p>\n<h2 id=\"introduction-to-color-palettes\">5. Introduction to color palettes<\/h2>\n<p>So far, we\u2019ve explored the various forms that a color can take, and gotten acquainted with the color model that you\u2019ll use as a UI designer. Now, let\u2019s dive into the fun part: color palettes!<\/p>\n<p>A color palette is a combination of colors used by UI designers when designing an interface. When used correctly, color palettes form the visual foundation of your brand, help to maintain consistency, and make your user interface aesthetically pleasing and enjoyable to use.<\/p>\n<p>While color palettes date back thousands of years, color palettes are commonly used in digital design, presented as a combination of HEX codes. HEX codes communicate to a computer what color you want to display using hexadecimal values. Back in the \u201990s, most digital color palettes only included eight colors. Now, designers have a myriad of shades and hues from the color wheel to choose from.<\/p>\n<p><img decoding=\"async\" title=\"A color palette created using HEX codes\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/hex.jpg\" alt=\"3 colors with Hex codes at the bottom\" \/><\/p>\n<p>Over the next few sections, we\u2019ll learn how to choose and interpret a color palette to ensure you\u2019re creating the best possible interface for your users.<\/p>\n<h2 id=\"what-are-the-different-types-of-color-palettes\">6. What are the different types of color palettes?<\/h2>\n<p>Colors can be combined to form one of five color palettes that are commonly used by UI designers. Let\u2019s go through them together.<\/p>\n<h3 id=\"monochromatic\">Monochromatic<\/h3>\n<p>A popular choice with designers, monochromatic color schemes are formed using various tones and shades of one single color.<\/p>\n<p><img decoding=\"async\" title=\"Monochromatic color palette\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/monochrome.jpg\" alt=\"Monochromatic color palette\" \/><\/p>\n<h3 id=\"analogous\">Analogous<\/h3>\n<p>An analogous color scheme is formed of three colors that are located next to each other on the color wheel. Analogous color palettes are commonly used when no contrast is needed\u2014for example, on the background of web pages or banners.<\/p>\n<p><img decoding=\"async\" title=\"An analogous color palette\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/analogous.jpg\" alt=\"An analogous color palette\" \/><\/p>\n<h3 id=\"complementarynbsp\">Complementary<\/h3>\n<p>Complementary color palettes are comprised of colors that are placed in front of each other on the color wheel. While the name may suggest otherwise, complementary color palettes are actually the opposite of analogous and monochromatic color palettes, as they aim to produce contrast. For example, a red button on a blue background will stand out on any interface.<\/p>\n<p><img decoding=\"async\" title=\"A complimentary color palette\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/complementary.jpg\" alt=\"A complimentary color palette\" \/><\/p>\n<h3 id=\"split-complementarynbsp\">Split-complementary<\/h3>\n<p>The split-complementary color palette differs from the complementary color palette only in that it employs a higher number of colors. For example, if you choose the color blue, you\u2019ll then need to take the two colors that are adjacent to its opposite color, which in this case would be yellow and red.<\/p>\n<p><img decoding=\"async\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/split.jpg\" alt=\"\" title=\"\"><\/p>\n<h3 id=\"triadic\">Triadic<\/h3>\n<p>The triadic color scheme is based on three separate colors that are equidistant on the color wheel. Most designers employ the triadic color scheme by choosing one dominant color, and using the other two colors as accents.<\/p>\n<p><img decoding=\"async\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/triad.jpg\" alt=\"\" title=\"\"><\/p>\n<h3 id=\"tetradic\">Tetradic<\/h3>\n<p>Commonly used by more experienced designers, the tetradic color scheme employs two sets of complementary pairs\u2014four colors from the color wheel in total that should form a rectangle when connected. While it\u2019s a little harder to balance, it makes for a visually stunning end effect!<\/p>\n<h2 id=\"how-to-choose-a-color-palette\">7. How to choose a color palette<\/h2>\n<p>Now that we\u2019ve mastered the basics of color theory, let\u2019s look at how you can use this newfound knowledge to select a color palette that tells your brand story and resonates with your audience.<\/p>\n<p>When choosing a color palette for your user interface, here are a few things to consider:<\/p>\n<h3 id=\"research-your-audiencenbsp\">Research your audience<\/h3>\n<p>Emotional responses to colors are can depend on a range of personal factors, including gender, cultural experiences, and age. Before you get started with choosing your color palette, be sure to establish who your audience is. What are their common traits, and what are their expectations? What brands relating to yours are popular among your target audience\u2014and how can you out-do their designs?<\/p>\n<p>Conducting structured, thorough research on your target audience will not only help you to fine-tune the story you want to communicate, but it will also help you to prevent a potentially catastrophic design failure.<\/p>\n<p>To learn more about how to become a better designer, check out our article on <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ui-design\/common-ui-design-mistakes\/\" target=\"_blank\" rel=\"noopener\">how to avoid the 10 most common UI design mistakes!\u00a0<\/a><\/p>\n<h3 id=\"consider-color-psychology\">Consider color psychology<\/h3>\n<p>With clarity on your target audience, it\u2019s time to look at the psychology behind your potential brand colors. Color psychology is a branch of psychology surrounding the influence of colors on human mood and behavior. According to color psychology, the human mind subconsciously reacts and interprets colors in a way that influences our actions.<\/p>\n<p>If you want to create a color palette that attracts your target audience and accurately tells your brand story, it\u2019s essential to have a basic understanding of color psychology. To get you up to speed, let\u2019s take a look at some of the most common color associations below:<\/p>\n<ul>\n<li><strong>Orange<\/strong> is energetic and warm. Some common associations with orange include creativity, enthusiasm, lightheartedness, and affordability.<\/li>\n<li><strong>Red<\/strong> is the color of blood, so it\u2019s often associated with energy, war, danger, and power but also passion, desire, and love. Some common associations with red include action, adventure, aggression, and excitement.<\/li>\n<li><strong>Yellow<\/strong> evokes positivity, youth, joy, playfulness, sunshine, and warmth.<\/li>\n<li><strong>Pink<\/strong> evokes feelings of innocence and delicateness, gratitude, romance, softness, and appreciation.<\/li>\n<li><strong>Blue<\/strong> is perceived as authoritative, dependable, and trustworthy. Common associations with blue include calmness, serenity, confidence, dignity, and security.<\/li>\n<li><strong>Green<\/strong> is the color of nature. It symbolizes growth, freshness, serenity, money, health, and healing.<\/li>\n<li><strong>Black<\/strong> represents power, elegance, and authority. Common associations with black also include class, distinction, formality, mystery, secrecy, and seriousness.<\/li>\n<\/ul>\n<h3 id=\"choose-your-colors-wisely\">Choose your colors wisely<\/h3>\n<p>Commonly, color palettes are made up of six colors. These colors should include one dominant color, four accent colors, and one standard color for your text (which is usually black or grey). Your dominant color is what your customers will forever associate with the brand, so be very careful when reflecting on what this color should be. Take your time to get inspired, keep the color associations in mind, and do some user testing if you have to.<\/p>\n<p>Note: you\u2019re free to add more or fewer colors depending on your brand personality, and the aesthetic you\u2019re aiming for. Choosing monochromatic, analogous, or complementary colors will help you to achieve a streamlined color palette. Remember: color harmony is the goal here!<\/p>\n<h3 id=\"dont-skimp-on-contrastnbsp\">Don\u2019t skimp on contrast<\/h3>\n<p>Color contrast is core to any interface, as it makes each UI element noticeable and distinct. User interfaces containing only shades from the same color family are unlikely to draw users\u2019 attention\u2014and, moreover, run the risk of being a complete headache to navigate. On the other hand, if copy and background colors contrast each other too much, the text could become illegible.<\/p>\n<p>Designers control the level of contrast depending on what the interface aims to accomplish. Experienced designers strive to create a mild level of contrast and apply high contrasting colors only for elements that are supposed to stand out\u2014such as call-to-actions. This ties into my next point\u2026<\/p>\n<h3 id=\"stick-to-ui-conventionsnbsp\">Stick to UI conventions<\/h3>\n<p>When working with colors, it\u2019s easy to get carried away with aesthetics over practicality. Of course, your interface should be visually pleasing\u2014but it also needs to be accessible, easy to navigate, and enjoyable to use. Of course, it\u2019s great to be experimental\u2014but challenging design conventions with \u201cedgy\u201d designs can confuse your users, and make them work harder than they need to.<\/p>\n<p>Some common UI design color conventions include:<\/p>\n<ul>\n<li>Using a dark color for text to ensure legibility<\/li>\n<li>Keeping light colors for backgrounds<\/li>\n<li>Using contrasting colors for accents (as mentioned above)<\/li>\n<li>Sticking to classic call-to-action colors\u2014such as red for a warning sign<\/li>\n<\/ul>\n<p>Sticking to these conventions will reduce the cognitive load for your users, and allow them to navigate the interface intuitively.<\/p>\n<h3 id=\"get-feedback\">Get feedback<\/h3>\n<p>Want to know if you\u2019re onto a winning color palette? Conduct some user testing! Color palettes should never be a matter of personal preference, no matter how much you adore the colors you\u2019ve chosen. As we saw when discussing color associations, the emotional response that color can illicit is not to be taken lightly; it can pretty much make or break the relationship a brand has with its customer base.<\/p>\n<p>Getting user feedback at the earliest opportunity will ensure you\u2019re creating an interface using colors that your users will love. Find out <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/user-testing-design-thinking\/\" target=\"_blank\" rel=\"noopener\">how to conduct a user testing session<\/a> in this comprehensive guide.<\/p>\n<h2 id=\"the-best-tools-for-choosing-a-color-palette\">8. The best tools for choosing a color palette<\/h2>\n<p>When it comes down to the actual task of choosing a color palette for your interface, it\u2019s easy to feel like you have no idea where to start. Luckily, there is a myriad of helpful tools and online color palette generators currently available to give you a dose of inspiration and help you to choose a color palette for your design.<\/p>\n<p>Below, we\u2019ve rounded up the three best tools for generating online color palettes. Take your pick!<\/p>\n<h3 id=\"adobe-color\">Adobe Color<\/h3>\n<p>Poised as the \u201cbread and butter\u201d resource for all digital creatives, <a href=\"https:\/\/color.adobe.com\/create\" target=\"_blank\" rel=\"noopener\">Adobe Color<\/a> has just about every color palette out there. Compared to other color scheme generators, Adobe Color is a lot more comprehensive\u2014so don\u2019t make it your go-to if you want something quick and simple. Among Adobe Colors\u2019 key features is a color palette generator that pulls colors from the images you upload.<\/p>\n<h3 id=\"coolors\">Coolors<\/h3>\n<p><a href=\"https:\/\/coolors.co\/\" target=\"_blank\" rel=\"noopener\">Coolors<\/a> is a useful and beginner-friendly color palette generator, perfect for getting to grips with HEX codes. You can click through random premade color palettes, play around with shades and hues, and save your favorite colors to build your own custom palette. But it\u2019s even more fun to play around with their generator. Once you find a color you love, simply copy-paste it into any external application and start designing!<\/p>\n<h3 id=\"adobe-illustrator-color-guide\">Adobe Illustrator color guide<\/h3>\n<p><a href=\"https:\/\/www.adobe.com\/de\/products\/illustrator.html?sdid=88X75SKP&amp;mv=search&amp;ef_id=EAIaIQobChMI58TS1ZLl5QIVC9TeCh2BCAi6EAAYASAAEgIRkvD_BwE:G:s&amp;s_kwcid=AL!3085!3!341179586064!e!!g!!%2Badobe%20%2Billustrator&amp;gclid=EAIaIQobChMI58TS1ZLl5QIVC9TeCh2BCAi6EAAYASAAEgIRkvD_BwE\" target=\"_blank\" rel=\"noopener\">Adobe Illustrator Color Guide<\/a> sets itself apart with its popular \u2018color guide\u2019 feature. Once you\u2019ve chosen a color, the color guide will generate a five-color palette for you. It will also provide you with a range of tints and shades for each color in the palette. If you switch your main color, the color guide will automatically refresh the corresponding colors to ensure your accent colors are complementary.<\/p>\n<h2 id=\"final-thoughts\">9. Final thoughts<\/h2>\n<p>If you feel like this was a lot of information to take in, don\u2019t worry! You don\u2019t need to become an expert in color theory in order to be a successful UI designer. Color theory is an extremely complex science that many people dedicate their entire lives to studying. Grasping the basics will help you to understand the psychology behind choosing the perfect color palette for your website or app.<\/p>\n<p>Looking for some UI design inspiration? Check out these blog posts:<\/p>\n<ul>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ui-design\/beautiful-blog-ui-design\/\" target=\"_blank\" rel=\"noopener\">10 examples of beautiful blogs that have nailed their UI design<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ui-design\/how-to-improve-ui-design-skills\/\" target=\"_blank\" rel=\"noopener\">How to improve your skills as a UI designer<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ui-design\/mobile-app-ui-design-for-beginners\/\" target=\"_blank\" rel=\"noopener\">Mobile app UI design: 10 key principles for beginners<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this comprehensive guide, we&#8217;ll lift the lid on everything you need to know about color; from the fundamentals of color theory to choosing the right color palette for your user interface.<\/p>\n","protected":false},"author":19,"featured_media":756,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"yes","_lmt_disable":"","footnotes":""},"categories":[4],"tags":[],"class_list":["post-4404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-design"],"acf":{"homepage_category_featured":false,"cards_inner_programs_lists_left":"","cards_inner_programs_lists_right":"","related_plan_cards":""},"modified_by":"Rash SEO","_links":{"self":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/comments?post=4404"}],"version-history":[{"count":4,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4404\/revisions"}],"predecessor-version":[{"id":31854,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/4404\/revisions\/31854"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media\/756"}],"wp:attachment":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media?parent=4404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/categories?post=4404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/tags?post=4404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}