{"id":183,"date":"2025-10-28T22:31:15","date_gmt":"2025-10-28T22:31:15","guid":{"rendered":"https:\/\/kirstenalice.uk\/journal\/?p=183"},"modified":"2025-10-28T22:31:15","modified_gmt":"2025-10-28T22:31:15","slug":"3-sites-with-good-colour-schemes","status":"publish","type":"post","link":"https:\/\/kirstenalice.uk\/journal\/3-sites-with-good-colour-schemes\/","title":{"rendered":"3 Sites with Good Colour Schemes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This week we have been focusing on colour. This is probably my favourite aspect of design, a colour scheme can transform the overall feel of the website. it&#8217;s often the first noticable thing and is a very powerful tool.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Openfield Domains<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/of.domains\"><em>of.domains<\/em><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123731-1024x548.png\" alt=\"\" class=\"wp-image-188\" style=\"width:665px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123731-1024x548.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123731-300x161.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123731-768x411.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123731-1536x822.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123731-2048x1096.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Openfield are a company selling domains. Their website&#8217;s colour scheme struck out to me for the subtlety of it. using mostly muted colours and solid black text, the singular yellow colour really holds a lot of visual power. It is easy to over do it when it comes to colour; i think this is a great example of less is more. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"290\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123907-1024x290.png\" alt=\"\" class=\"wp-image-189\" style=\"width:667px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123907-1024x290.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123907-300x85.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123907-768x218.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123907.png 1264w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The bold mustard yellow colour is used on all the &#8216;call to action&#8217; buttons or hovers. This works very well to draw the users eye to these elements. The background tones are warm colours, so the yellow doesnt feel out of place either, they balance each other out perfectly.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"168\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123919-1024x168.png\" alt=\"\" class=\"wp-image-190\" style=\"width:664px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123919-1024x168.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123919-300x49.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123919-768x126.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-27-123919.png 1155w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Occasionally, subtext is displayed in a warm gray colour, blending into the background and lowering the visual intensity. It is used very minimally though which is important for visual clarity.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Dianas Seafood<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">dianasseafood.com<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-17-1024x504.png\" alt=\"\" class=\"wp-image-194\" style=\"width:689px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-17-1024x504.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-17-300x148.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-17-768x378.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-17-1536x755.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-17-2048x1007.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Diana&#8217;s Seafood is an online family-run storefront selling seafood. Their website is an example of how multicoloured websites can be done in a smooth and stylish way.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seafood would generally give off cool tones i think, but they have created a colour scheme that is so warm and gives off the family theme of the brand whilst still feeling very &#8216;seafoody&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"592\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-18-1024x592.png\" alt=\"\" class=\"wp-image-195\" style=\"width:688px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-18-1024x592.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-18-300x173.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-18-768x444.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-18-1536x888.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-18-2048x1184.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">There are 5 bold colours used on top of the creamy background. This would usually be way too chaotic but they have made it work by using solid black for the text, or using that same cream background cream colour where appropriate for less important texts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The bold colours they have used reflect the products theyre selling, like the lobster red and sea bassy golden yellow.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-19-1024x454.png\" alt=\"\" class=\"wp-image-196\" style=\"width:690px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-19-1024x454.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-19-300x133.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-19-768x340.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-19-1536x681.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-19-2048x907.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Better Than Good<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>betterthangood.xyz<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"265\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213708-1024x265.png\" alt=\"\" class=\"wp-image-199\" style=\"width:684px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213708-1024x265.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213708-300x78.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213708-768x199.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213708-1536x398.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213708-2048x530.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Better Than Good is the digital workshop and design portfolio. The colour scheme is similar to that of Openfield&#8217;s; they&#8217;ve used solid black and white and complimented this with one bold colour. I like that with Better Than Good&#8217;s site, they have used varients of the red, and used a very muted down version as part of the background at times.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213752-1024x476.png\" alt=\"\" class=\"wp-image-200\" style=\"width:686px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213752-1024x476.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213752-300x139.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213752-768x357.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213752-1536x713.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213752.png 1774w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-930feb06 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"794\" height=\"845\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-214154-1.png\" alt=\"\" class=\"wp-image-202\" style=\"width:282px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-214154-1.png 794w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-214154-1-282x300.png 282w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-214154-1-768x817.png 768w\" sizes=\"auto, (max-width: 794px) 100vw, 794px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">The bright red has also been used as a hover effect on links, which stands out so powerfully against the crisp white background and makes it super clear that these are links. The colours been dotted around the site in elements such as arrows and icons\/illustrations. It allows everything to seamlessly blend together.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"587\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213603-1024x587.png\" alt=\"\" class=\"wp-image-203\" style=\"width:691px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213603-1024x587.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213603-300x172.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213603-768x440.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213603-1536x880.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-28-213603-2048x1173.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This week we have been focusing on colour. This is probably my favourite aspect of design, a colour scheme can transform the overall feel of the website. it&#8217;s often the first noticable thing and is a very powerful tool. Openfield Domains of.domains Openfield are a company selling domains. Their website&#8217;s colour scheme struck out to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-183","post","type-post","status-publish","format-standard","hentry","category-my-work"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":3,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/183\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/183\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/media?parent=183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/categories?post=183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/tags?post=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}