{"id":849,"date":"2022-08-14T13:01:00","date_gmt":"2022-08-14T13:01:00","guid":{"rendered":"https:\/\/dlmconversion.com\/principles-of-website-design-contrast\/"},"modified":"2023-03-02T18:23:14","modified_gmt":"2023-03-02T18:23:14","slug":"principles-of-website-design-contrast","status":"publish","type":"post","link":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/","title":{"rendered":"Principles of Website Design: Contrast"},"content":{"rendered":"\n<p >Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its own way, which makes it one of the most important ones to understand. Find out if your website has the right mix of contrast and consistency by getting ideas from various types of this fundamental principle of design. This is part of our four-blog series where we explore these fundamental principles: Focus, Alignment, Repetition, and Contrast.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"contrast\"><a href=\"#contrast\" class=\"heading-link\" id=\"quick-contrast\"><\/a>Contrast<\/h2>\n\n\n\n<p >It may sound oxymoronic, but when it comes to web design, contrast should be consistent. Varying what people see on a web page but delivering on what they expect to see is key to a great design. The way contrast plays into that can be both large-scale in terms of site-wide colors, or as fine-tuned as how big your fonts are.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"color\"><a href=\"#color\" class=\"heading-link\" id=\"quick-color\"><\/a>Color<\/h3>\n\n\n\n<p >Color is a clear indicator (for most people, anyway) of distinguishing one element from another. Let\u2019s say you offer both surgical and non-surgical procedures at your practice. One way to distinguish those categories on your site would be to have different colors for the menu buttons that carry through to the headers on each of the pages underneath those categories.<\/p>\n\n\n\n<p >Your brand also heavily relies on color. Bright and blue can indicate vibrancy and technological advancement. Darker hues and gold can make people feel like they\u2019re getting VIP-level treatment from the first impression. Color drives emotion for those who are already interested in something that you provide, which means the right color scheme can entice the people you want to see in your office.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"size\"><a href=\"#size\" class=\"heading-link\" id=\"quick-size\"><\/a>Size<\/h3>\n\n\n\n<p >Larger means more important. But what many average designers misunderstand about size is how different sizes interact with each other. When it comes to headlines, there\u2019s definitely such thing as too big. And when it comes to granular details about a procedure or prescription side effects, there\u2019s definitely such a thing as annoyingly small.<\/p>\n\n\n\n<p >Great designers know that size matters, and relative size is even more important. If your graphics are too small, people won\u2019t notice that they help interrupt a block of text. If your headers are too huge, they\u2019ll take up valuable space where people have to scroll to get the information they are looking for. (This is especially true on mobile devices, which are more popular web browsing devices than ever.)<\/p>\n\n\n\n<p >Emphasize important things by making them bigger, but not so big that they extinguish the attention someone might pay to other parts of your website, such as descriptions under before-and-after photos or too-small text on a main procedure page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"scale\"><a href=\"#scale\" class=\"heading-link\" id=\"quick-scale\"><\/a>Scale<\/h3>\n\n\n\n<p >Website designers are only partially limited to \u201ccanvas space\u201d compared to artists who paint on physical canvases. However, this doesn\u2019t mean that the blank space, or white space, used on a website is limitless. The scale of a website can be overwhelming or impressive; these two feelings are close but distinct. When you have to scroll for minutes to find what you\u2019re looking for because information is so spaced out between photos, testimonials, and other elements, you\u2019ll likely lose interest. But when you find a site that has reams of information and credible authority, it can engender trust before they even pick up the phone.<\/p>\n\n\n\n<p >Knowing how long a procedure page or blog post, or even photo gallery should appear on any given device is a key distinguisher of good vs. great designers. Great ones know when to end the page to encourage people to click to see more. That\u2019s the beauty of web design at an appropriate scale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"medical-practice-website-design-by-professional-designers\"><a href=\"#medical-practice-website-design-by-professional-designers\" class=\"heading-link\" id=\"quick-medical-practice-website-design-by-professional-designers\"><\/a>Medical Practice Website Design By Professional Designers<\/h2>\n\n\n\n<p >If you\u2019re looking for a top-notch website that will not only catch people\u2019s attention but convert them into paying patients, DLM has designers that can help you turn an outdated site into a compelling layout to help boost leads. Find out more about our comprehensive medical marketing services and our philosophy of design and content creation by calling us or <a href=\"https:\/\/dlmconversion.com\/contact-us\">contacting us online<\/a> today.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its&#8230;<\/p>\n","protected":false},"author":2,"featured_media":850,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[67],"tags":[],"class_list":["post-849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Principles of Website Design: Contrast - Digital Limelight Media<\/title>\n<meta name=\"description\" content=\"Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principles of Website Design: Contrast - Digital Limelight Media\" \/>\n<meta property=\"og:description\" content=\"Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Limelight Media\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-14T13:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-02T18:23:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"2560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DLM Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DLM Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/\"},\"author\":{\"name\":\"DLM Admin\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0\"},\"headline\":\"Principles of Website Design: Contrast\",\"datePublished\":\"2022-08-14T13:01:00+00:00\",\"dateModified\":\"2023-03-02T18:23:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/\"},\"wordCount\":679,\"publisher\":{\"@id\":\"https:\/\/dlmconversion.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/\",\"url\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/\",\"name\":\"Principles of Website Design: Contrast - Digital Limelight Media\",\"isPartOf\":{\"@id\":\"https:\/\/dlmconversion.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg\",\"datePublished\":\"2022-08-14T13:01:00+00:00\",\"dateModified\":\"2023-03-02T18:23:14+00:00\",\"description\":\"Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its\",\"breadcrumb\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage\",\"url\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg\",\"contentUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg\",\"width\":1920,\"height\":2560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dlmconversion.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Principles of Website Design: Contrast\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dlmconversion.com\/#website\",\"url\":\"https:\/\/dlmconversion.com\/\",\"name\":\"Digital Limelight Media\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/dlmconversion.com\/#organization\"},\"alternateName\":\"DLM\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dlmconversion.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/dlmconversion.com\/#organization\",\"name\":\"Digital Limelight Media\",\"alternateName\":\"DLM\",\"url\":\"https:\/\/dlmconversion.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg\",\"contentUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg\",\"width\":114,\"height\":37,\"caption\":\"Digital Limelight Media\"},\"image\":{\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0\",\"name\":\"DLM Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g\",\"caption\":\"DLM Admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Principles of Website Design: Contrast - Digital Limelight Media","description":"Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its","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:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/","og_locale":"en_US","og_type":"article","og_title":"Principles of Website Design: Contrast - Digital Limelight Media","og_description":"Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its","og_url":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/","og_site_name":"Digital Limelight Media","article_published_time":"2022-08-14T13:01:00+00:00","article_modified_time":"2023-03-02T18:23:14+00:00","og_image":[{"width":1920,"height":2560,"url":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg","type":"image\/jpeg"}],"author":"DLM Admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DLM Admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#article","isPartOf":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/"},"author":{"name":"DLM Admin","@id":"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0"},"headline":"Principles of Website Design: Contrast","datePublished":"2022-08-14T13:01:00+00:00","dateModified":"2023-03-02T18:23:14+00:00","mainEntityOfPage":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/"},"wordCount":679,"publisher":{"@id":"https:\/\/dlmconversion.com\/#organization"},"image":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg","articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/","url":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/","name":"Principles of Website Design: Contrast - Digital Limelight Media","isPartOf":{"@id":"https:\/\/dlmconversion.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage"},"image":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage"},"thumbnailUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg","datePublished":"2022-08-14T13:01:00+00:00","dateModified":"2023-03-02T18:23:14+00:00","description":"Nearly all of design involves contrast, because the human eye both loves and hates it. Contrast touches every other fundamental design principle in its","breadcrumb":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#primaryimage","url":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg","contentUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2.jpg","width":1920,"height":2560},{"@type":"BreadcrumbList","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-website-design-contrast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dlmconversion.com\/"},{"@type":"ListItem","position":2,"name":"Principles of Website Design: Contrast"}]},{"@type":"WebSite","@id":"https:\/\/dlmconversion.com\/#website","url":"https:\/\/dlmconversion.com\/","name":"Digital Limelight Media","description":"","publisher":{"@id":"https:\/\/dlmconversion.com\/#organization"},"alternateName":"DLM","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dlmconversion.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dlmconversion.com\/#organization","name":"Digital Limelight Media","alternateName":"DLM","url":"https:\/\/dlmconversion.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/","url":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg","contentUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg","width":114,"height":37,"caption":"Digital Limelight Media"},"image":{"@id":"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0","name":"DLM Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dlmconversion.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g","caption":"DLM Admin"}}]}},"featured_image_src":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2-600x400.jpg","featured_image_src_square":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/sheldon-liu-FrQKfzoTgsw-unsplash-scaled-2-600x600.jpg","author_info":{"display_name":"DLM Admin","author_link":"https:\/\/dlmconversion.com\/blog\/author\/dlm_admin\/"},"_links":{"self":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/posts\/849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/comments?post=849"}],"version-history":[{"count":0,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/posts\/849\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/media\/850"}],"wp:attachment":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/media?parent=849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/categories?post=849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/tags?post=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}