{"id":30991,"date":"2017-01-24T12:22:43","date_gmt":"2017-01-24T12:22:43","guid":{"rendered":"https:\/\/brandignitybeta.com\/demo\/brandlatest\/2017\/01\/24\/the-web-developers-guide-to-using-color\/"},"modified":"2017-01-24T12:22:43","modified_gmt":"2017-01-24T12:22:43","slug":"the-web-developers-guide-to-using-color","status":"publish","type":"post","link":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/","title":{"rendered":"The Web Developer\u2019s Guide to Using Color"},"content":{"rendered":"

\"Color
\nAside from being proficient in HTML, CSS, and JavaScript, every knowledgeable web developer must stay current with other aspects of web technologies. Since a color palette is perhaps the most important visual aspect of every web page, color theory and use of colors are important when building a great-looking and effective web page.<\/a><\/p>\n

 <\/p>\n

Even though web developers don\u2019t need to be highly skilled when it comes to color theory, a few basic rules and principles will go a long way. As you start working with colors and begin understanding their connections and possible effects, you will learn the theory along the way.<\/p>\n

 <\/p>\n

To get started, you need to know three basic terms: complementation, contrast, and vibrancy. This will teach you the basics of the interaction of colors, which will help you create an effective color palette.<\/p>\n

 <\/p>\n

Complementation<\/strong><\/h2>\n
\n

You probably already know that some colors are complementary. What this means is they match each other, or they have a good visual relationship. Colors found on opposite ends of the spectrum lead people to consider a design visually appealing. In other words, the eye is provided balance this way, as complementary colors avoid eyestrain.<\/p>\n

 <\/p>\n

There are two main types of complementation: The Triadic and Compound scheme.<\/p>\n

 <\/p>\n

The Triadic scheme connects three colors on separate ends of the spectrum. This system can be utilized once you decide on a base color. So, take the color wheel and see where your base color is located. Draw an equilateral triangle from this point, so the three points of the triangle form a tri-color scheme. This is the easiest way to create a color scheme consisting of colors with equal vibrancy and complementation.<\/p>\n

 <\/p>\n

The Compound scheme allows you to easily pick a complementary color. The colors are chosen from opposite ends of the color spectrum. You can use this system of picking complementary colors if you need more freedom in your design or if you need a greater variety of colors and hues.<\/p>\n

 <\/p>\n

Contrast<\/strong><\/h2>\n
\n

Contrast allows web developers to avoid eyestrain in their designs while providing focus toward different visual elements. The safest approach is to pick a very light background while applying a very dark color for the text. Still, you should choose different ways of achieving contrast if you want to focus the viewer\u2019s attention to different page elements.<\/p>\n

 <\/p>\n

Vibrancy<\/strong><\/h2>\n
\n

Vibrancy provides atmosphere and emotion to your design. Bright colors lead users to feel more energetic, while darker shades are more suitable for more serious and corporate projects.<\/p>\n

 <\/p>\n

\"Contrast\"<\/p>\n

 <\/p>\n

You still need to make sure you\u2019re using complementary colors, regardless of whether you\u2019re using a bright or dark color palette.<\/p>\n

 <\/p>\n

How to Pick a Base Color<\/strong><\/h2>\n
\n

Sometimes, the biggest problem is selecting a base color. Since our eyes can detect ten million colors and color variances, it\u2019s understandable why this can be an issue.<\/p>\n

 <\/p>\n

First, have a defendable reason behind your decision for your base color. You will often hear your clients like a certain color, but that isn\u2019t enough. Maybe you can start with your client\u2019s logo, which may have an established color, or you can study your client\u2019s main competitors to see their color palettes and avoid using anything similar.<\/p>\n

 <\/p>\n

Also, think about your client\u2019s target audience, which should help you with choosing the right vibrancy. Keep in mind, you\u2019ll need a good reason for your decision, which won\u2019t only make you look good, but will also help you choose additional colors from the spectrum.<\/p>\n

 <\/p>\n

Pro Tip:<\/strong> Since you\u2019ll need to know how to define a color in CSS using hex codes, this means that you\u2019ll need to know a color\u2019s alphanumeric six-digit code (like #cccccc<\/em> for a light gray). If you use Adobe\u2019s Photoshop, you can use a screen capture to save and open the image in this application, and then use the eyedropper tool. Now right-click on the area you wish to copy the color from and pick \u201cCopy Color as HTML.<\/em>\u201d<\/p>\n

 <\/p>\n

You can also use an online tool called Name That Color<\/a> to pick a color, along with the corresponding hex code.<\/p>\n

 <\/p>\n

How to Create a Color Palette<\/strong><\/h2>\n
\n

Now that you\u2019ve chosen your base color (along with its hex value), it\u2019s time to make a cohesive color palette. In many cases, using two colors is just enough. For example, look at Microsoft\u2019s website<\/a>, which uses light gray in combination with black (which create a nice background for vibrant images).<\/p>\n

 <\/p>\n

There are numerous online tools you can use to make a color selection as effortless as it can possibly be. This is also a good way to test your knowledge of color theory.<\/p>\n

 <\/p>\n

Adobe\u2019s Color<\/a> is perhaps the most intuitive online tool that allows you to create a complementary palette. This is the essential tool if you\u2019re willing to tackle a more comprehensive palette of up to five colors. This way, even if you fine-tune only one of your colors, this online tool will change the rest of the palette accordingly.<\/p>\n

 <\/p>\n

\"Adobe<\/a><\/p>\n

 <\/p>\n

Furthermore, the export codes are provided under each of the selected colors, including their hex values. If you are afraid of making a mistake, Adobe\u2019s Color has a rich library of user-created palettes.<\/p>\n

 <\/p>\n

How to Apply Your Newly Picked Color Scheme<\/strong><\/h2>\n
\n

After picking the right color scheme, it is time to see it in action. It\u2019s always recommended you first create your website in grayscale. This is a good way to see how different elements interact with each other before applying colors. This method will also allow you to identify the heaviest<\/em> elements, so you\u2019ll know which elements need to be bright and vibrant.<\/p>\n

 <\/p>\n

In other words, this is a good way to choose featured colors, as well as colors that can be used as accents (for buttons and icons), in addition to colors for text, logos, and icon outlines.<\/p>\n

 <\/p>\n

A Final Note<\/strong><\/h2>\n
\n

You will learn that sometimes a good-looking color palette (that you created in Photoshop or Adobe\u2019s Color) doesn\u2019t really work when applied. However, don\u2019t be afraid to go back to your digital drawing board. Even the slightest modifications can go a long way.<\/p>\n

 <\/p>\n

Choosing the most effective color palette and applying it to your web project maybe sounds complicated at first, but you don\u2019t need to spend a lot of time figuring out the basic principles of color theory. As you\u2019re building your web projects, you will learn more about connections between colors as well as what kind of effects can be achieved.<\/p>\n

Copyright : skdesign\/123rf<\/p>\n","protected":false},"excerpt":{"rendered":"

Aside from being proficient in HTML, CSS, and JavaScript, every knowledgeable web developer must stay current with other aspects of web technologies. Since a color palette is perhaps the most important visual aspect of every web page, color theory and use of colors are important when building a great-looking and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16239],"tags":[17045,17046],"class_list":["post-30991","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-color-wheel","tag-website-colors"],"yoast_head":"\nThe Web Developer\u2019s Guide to Using Color - Brandignity<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Web Developer\u2019s Guide to Using Color - Brandignity\" \/>\n<meta property=\"og:description\" content=\"Aside from being proficient in HTML, CSS, and JavaScript, every knowledgeable web developer must stay current with other aspects of web technologies. Since a color palette is perhaps the most important visual aspect of every web page, color theory and use of colors are important when building a great-looking and […]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/\" \/>\n<meta property=\"og:site_name\" content=\"Brandignity\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brandignity\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-24T12:22:43+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/01\/color-wheel.jpg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Brandignty\" \/>\n<meta name=\"twitter:site\" content=\"@Brandignty\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/person\\\/cffd778300a3cf1d761337b0d260e86b\"},\"headline\":\"The Web Developer\u2019s Guide to Using Color\",\"datePublished\":\"2017-01-24T12:22:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/\"},\"wordCount\":1129,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/color-wheel.jpg\",\"keywords\":[\"color wheel\",\"website colors\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/\",\"name\":\"The Web Developer\u2019s Guide to Using Color - Brandignity\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/color-wheel.jpg\",\"datePublished\":\"2017-01-24T12:22:43+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#primaryimage\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/color-wheel.jpg\",\"contentUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/color-wheel.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/the-web-developers-guide-to-using-color\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Web Developer\u2019s Guide to Using Color\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#website\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\",\"name\":\"Brandignity\",\"description\":\"Brandignity\",\"publisher\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\",\"name\":\"Brandignity\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/logo.png?wsr\",\"contentUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/logo.png?wsr\",\"width\":288,\"height\":70,\"caption\":\"Brandignity\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brandignity\",\"https:\\\/\\\/x.com\\\/Brandignty\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brandignity\",\"https:\\\/\\\/www.instagram.com\\\/brandignity\"]},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/person\\\/cffd778300a3cf1d761337b0d260e86b\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\\\/\\\/www.brandignitybeta.com\\\/demo\\\/brandlatest\"],\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Web Developer\u2019s Guide to Using Color - Brandignity","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":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/","og_locale":"en_US","og_type":"article","og_title":"The Web Developer\u2019s Guide to Using Color - Brandignity","og_description":"Aside from being proficient in HTML, CSS, and JavaScript, every knowledgeable web developer must stay current with other aspects of web technologies. Since a color palette is perhaps the most important visual aspect of every web page, color theory and use of colors are important when building a great-looking and […]","og_url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/","og_site_name":"Brandignity","article_publisher":"https:\/\/www.facebook.com\/brandignity","article_published_time":"2017-01-24T12:22:43+00:00","og_image":[{"url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/01\/color-wheel.jpg","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@Brandignty","twitter_site":"@Brandignty","twitter_misc":{"Written by":"admin","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#article","isPartOf":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/"},"author":{"name":"admin","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/person\/cffd778300a3cf1d761337b0d260e86b"},"headline":"The Web Developer\u2019s Guide to Using Color","datePublished":"2017-01-24T12:22:43+00:00","mainEntityOfPage":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/"},"wordCount":1129,"commentCount":0,"publisher":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#primaryimage"},"thumbnailUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/01\/color-wheel.jpg","keywords":["color wheel","website colors"],"articleSection":["Web Design"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/","name":"The Web Developer\u2019s Guide to Using Color - Brandignity","isPartOf":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#website"},"primaryImageOfPage":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#primaryimage"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#primaryimage"},"thumbnailUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/01\/color-wheel.jpg","datePublished":"2017-01-24T12:22:43+00:00","breadcrumb":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#primaryimage","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/01\/color-wheel.jpg","contentUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2017\/01\/color-wheel.jpg"},{"@type":"BreadcrumbList","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/the-web-developers-guide-to-using-color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/"},{"@type":"ListItem","position":2,"name":"The Web Developer\u2019s Guide to Using Color"}]},{"@type":"WebSite","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#website","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/","name":"Brandignity","description":"Brandignity","publisher":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization","name":"Brandignity","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/logo\/image\/","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2023\/04\/logo.png?wsr","contentUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2023\/04\/logo.png?wsr","width":288,"height":70,"caption":"Brandignity"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brandignity","https:\/\/x.com\/Brandignty","https:\/\/www.linkedin.com\/company\/brandignity","https:\/\/www.instagram.com\/brandignity"]},{"@type":"Person","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/person\/cffd778300a3cf1d761337b0d260e86b","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/www.brandignitybeta.com\/demo\/brandlatest"],"url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts\/30991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/comments?post=30991"}],"version-history":[{"count":0,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts\/30991\/revisions"}],"wp:attachment":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/media?parent=30991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/categories?post=30991"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/tags?post=30991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}