{"id":2455,"date":"2015-04-27T11:27:07","date_gmt":"2015-04-27T11:27:07","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/smallworld\/?p=2455"},"modified":"2015-04-30T17:15:46","modified_gmt":"2015-04-30T17:15:46","slug":"branding-and-design","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/smallworld\/2015\/04\/27\/branding-and-design\/","title":{"rendered":"Branding and Design"},"content":{"rendered":"<p>The idea and name of Small.World were agreed upon early in the project, but the branding took a bit longer to decide. The logo went through several different stages shown below:<\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logogreen1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2459\" src=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logogreen1-300x47.png\" alt=\"logogreen1\" width=\"300\" height=\"47\" srcset=\"https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logogreen1-300x47.png 300w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logogreen1-1024x161.png 1024w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logogreen1-500x78.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/grey.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2458\" src=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/grey-300x68.png\" alt=\"grey\" width=\"300\" height=\"68\" srcset=\"https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/grey-300x68.png 300w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/grey-1024x232.png 1024w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/grey-500x113.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/colour.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2457\" src=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/colour-300x47.png\" alt=\"colour\" width=\"300\" height=\"47\" srcset=\"https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/colour-300x47.png 300w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/colour-1024x161.png 1024w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/colour-500x79.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/black.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2456\" src=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/black-300x68.png\" alt=\"black\" width=\"300\" height=\"68\" srcset=\"https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/black-300x68.png 300w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/black-1024x232.png 1024w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/black-500x113.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>In the end we decided to go for a blue and white logo:<\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logofinal.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2460\" src=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logofinal-300x47.png\" alt=\"logofinal\" width=\"300\" height=\"47\" srcset=\"https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logofinal-300x47.png 300w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logofinal-1024x161.png 1024w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logofinal-500x78.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/logofinal.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-2461\" src=\"http:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/icon-300x300.png\" alt=\"icon\" width=\"50\" height=\"50\" srcset=\"https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/icon-300x300.png 300w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/icon-150x150.png 150w, https:\/\/blog.soton.ac.uk\/smallworld\/files\/2015\/04\/icon.png 750w\" sizes=\"auto, (max-width: 50px) 100vw, 50px\" \/><\/a><\/p>\n<p>This was partly to distinguish it from the logo used in\u00a0<a href=\"https:\/\/www.asmallworld.com\/\">https:\/\/www.asmallworld.com\/<\/a>, but also based on other apps and basic colour theory. Colour theory suggests that blue is associated with trust and security, which is why it is the most used colour for companies <span id=\"js-intext-string-2\" class=\"selectable\">(Morton, 2015)<\/span>. Therefore we used\u00a0blue and white to create a clear and simple design that doesn&#8217;t appeal to one gender more than another and doesn&#8217;t have any common accessibility issues associated with the combination.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>References:\u00a0<\/strong><\/p>\n<p><span id=\"js-reference-string-0\" class=\"selectable\">Morton, J. (2015). <i>Blue<\/i>. [online] Colormatters.com. Available at: http:\/\/www.colormatters.com\/the-meanings-of-colors\/blue [Accessed 27 Apr. 2015].<\/span><\/p>\n<p>Buffer<span id=\"js-reference-string-3\" class=\"selectable\">Social, (2013). <i>Why Facebook Is Blue: The Science of Colors in Marketing<\/i>. [online] Available at: https:\/\/blog.bufferapp.com\/the-science-of-colors-in-marketing-why-is-facebook-blue [Accessed 27 Apr. 2015].<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The idea and name of Small.World were agreed upon early in the project, but the branding took a bit longer to decide. The logo went through several different stages shown below: &nbsp; In the end we decided to go for &hellip; <a href=\"https:\/\/blog.soton.ac.uk\/smallworld\/2015\/04\/27\/branding-and-design\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":60409,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10160],"tags":[27130,6502,22398,17951],"class_list":["post-2455","post","type-post","status-publish","format-standard","hentry","category-social-aspects","tag-brand","tag-design","tag-logo","tag-marketing"],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/posts\/2455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/users\/60409"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/comments?post=2455"}],"version-history":[{"count":10,"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/posts\/2455\/revisions"}],"predecessor-version":[{"id":2628,"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/posts\/2455\/revisions\/2628"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/media?parent=2455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/categories?post=2455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/smallworld\/wp-json\/wp\/v2\/tags?post=2455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}