{"id":123,"date":"2023-11-18T21:13:37","date_gmt":"2023-11-18T21:13:37","guid":{"rendered":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?p=123"},"modified":"2024-04-16T18:07:30","modified_gmt":"2024-04-16T18:07:30","slug":"project-3-visual-style","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/","title":{"rendered":"Project 3 visual style"},"content":{"rendered":"\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Cafe Racer Visual Style<\/strong><\/p>\n\n\n\n

In the 1950s and 60s, Britain experienced a cultural revolution marked by rebellion and rock ‘n roll counterculture. This vibrant atmosphere was mirrored in the colourful styles of cafe racers, breaking away from the drab utilitarian colours of postwar austerity. The ton-up boys, adorned in black leather jackets, showcased a bold contrast with the brightly painted fuel tanks of their motorcycles, boasting hues like cherry red, electric blue, and metallic gold.<\/p>\n\n\n\n

The influence of national motorsport pride was evident, with Triumphs and Nortons proudly displaying the iconic British Racing Green alongside white and gold accents. Chrome and polished metal finishes added glossy accents, invoking a sense of speed and mechanical power that defined the cafe racer aesthetic.<\/p>\n\n\n\n

As mod culture took centre stage, op-art black and white checks, contrasting blocked colours, and Pop Art prints infiltrated fashion. The 1960s ushered in a psychedelic palette, featuring rich blues, purples, and oranges inspired by counterculture art and music. Notably, branding genius Alan Fletcher modernized logos for classic British brands such as Cunard and the V&A Museum.<\/p>\n\n\n\n

The visual revolution extended beyond fashion, with iconic figures like The Beatles, The Who, and the Rolling Stones contributing to a visual language still celebrated today. Colour, in all its bold and rebellious glory, became integral to expressing the independence and rock-inspired spirit of Britain’s cafe racer youth.<\/p>\n\n\n\n

Colour Analysis<\/strong><\/p>\n\n\n\n

An essential aspect to consider is the examination of colour. Despite encountering challenges in navigating through extensive information to identify accurate colours from historical images, a significant portion of the available visuals is presented in black and white. Additionally, caution must be exercised when relying on alternative sources, as their reliability may be limited.<\/p>\n\n\n\n

Following a diligent process of trial and error in seeking precise colour representations, it became evident that an overly meticulous approach was taken. Through discussions with both lecturers and the audience, a consensus emerged that the authenticity of colour portrayal is less crucial than capturing the essence of the era. Whether it evokes nostalgia through black-and-white imagery or encapsulates the distinctive “vibe” of the period’s advertising, these considerations are paramount.<\/p>\n\n\n\n

Nevertheless, presented below are some iconic British colours from the 1950s for reference.<\/p>\n\n\n\n

Black<\/em>
The colour of leather jackets and many production motorcycles at the time. Represented a tough, rebellious look.<\/p>\n\n\n\n

White<\/em>
Common tank colour on bikes like the Triumph Bonneville. Gave a bold contrast paired with black frames.<\/p>\n\n\n\n

Black\/White<\/em>
Racing stripe connotations. Ace cafe logo, the birthplace of cafe racing.<\/p>\n\n\n\n

Silver\/Chrome<\/em>
Evoked speed and mechanical power from polished metal components.<\/p>\n\n\n\n

British Racing Green<\/em>
Traditional British racing colour is seen on vintage bike tanks and fairings.<\/p>\n\n\n\n

Gold<\/em>
Used on early vinyl racing jackets. Connoted winning and championship status.<\/p>\n\n\n\n

Red<\/em>
Energetic colour seen on cafe racer gas tanks, badges, and details. A lot of advertisements at the time used Red as the main colour.<\/p>\n\n\n\n

Blue<\/em>
Navy leather jackets and vivid fairing colours capitalised on Britain’s racing blue.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Historical Racing Influences<\/strong><\/p>\n\n\n\n

\"\"<\/figure>
\n

To understand the roots of this vibrant culture, we must journey back to the early 20th century. The Brooklands Racing Circuit, established in 1907, was one of the world’s first purpose-built racetracks. The Brooklands Automobile Racing Club proudly adopted British racing green and white as their club colours, painting them on members’ cars. Similarly, the Gordon Bennett Cup, founded in 1900, mandated that British cars be adorned in British racing green to represent the nation.<\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>
\n

The Isle of Man TT, an iconic motorcycle race that began in 1907, also played a role in shaping the colourful narrative. The racing colours of green and yellow from the Automobile Club of Great Britain and Ireland became synonymous with this thrilling event.<\/p>\n<\/div><\/div>\n\n\n\n

The automotive industry further contributed to the colour palette, with Bentley Motors adopting British racing green in 1919, a colour that dominated races like Le Mans in the 1920s. Jaguar Cars, in the 1950s-60s, showcased a unique shade of British racing green with silver accents on models like the D-Type. Aston Martin Racing continued the tradition with vibrant lime green colours into the modern era, while McLaren Automotive paid homage to its 1960s racing legacy with heritage papaya orange and green colours on models like the Senna.<\/p>\n\n\n\n

Colour inspirations<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


In my earlier discussion, I acknowledged the inherent challenge in sourcing colours due to the prevalence of black-and-white photographs from the historical period under consideration. However, amid this constraint, valuable resources such as old advertisements, newspapers, and branding materials have proven instrumental in reconstructing a visual palette.<\/p>\n\n\n\n

Presented above is a curated mood board, meticulously compiled from these authentic relics of the past. This collection encapsulates the essence of the era, invoking a sense of joy and resonance for me as a designer. While I acknowledge the conventional wisdom against designing solely for personal preferences, the current context, characterized by a certain degree of colour uncertainty on my part, warrants a measured departure.<\/p>\n\n\n\n

Given my deep affinity for the cafe racer scene and the meticulous research invested in identifying historically accurate colours, I am confident in deeming these selections as both suitable and accurate. This deliberate approach aligns with my commitment to ensuring a faithful representation of the time period, while also incorporating a personal connection to the subject matter.<\/p>\n\n\n\n

A Strategic Shift<\/strong><\/p>\n\n\n\n

In a subsequent phase of this project, a pivotal development has emerged that holds direct relevance to the current discussion. It has become evident that the initial website I was working on lacked a certain intangible quality often referred to as “soul.” Recognizing the importance of infusing a distinct sense of feel and excitement for users, I have opted to introduce a secondary site. This site is deliberately oriented towards a creative pursuit, prioritizing the user experience over pure functionality.<\/p>\n\n\n\n

This decision to create an alternative site with a heightened emphasis on the emotive aspect is not arbitrary. In the forthcoming stages, an A\/B testing protocol will be implemented to objectively evaluate the effectiveness of this approach compared to the primary site developed based on preceding research. This strategic shift is deemed necessary to address the perceived gap and ensure a more holistic exploration of design possibilities.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The image above is a mood board carefully curated to encapsulate the inspiration driving this pivot. Featuring a selection of advertisements alongside elements reminiscent of Russian constructivism, this compilation serves as a visual guide. The British advertisements under scrutiny bear a striking resemblance to the aesthetics of old Russian constructivism, and it is this unique fusion that the secondary site aims to capture.<\/p>\n\n\n\n

In essence, the pivot involves a deliberate departure from a solely functionality-centric approach to one that places paramount importance on evoking a specific emotional response from users. Drawing inspiration from the resonance found in Russian constructivism and analogous British advertising, the new direction seeks to elicit a distinct feeling, a connection that transcends mere functionality. This creative endeavour aligns with a broader commitment to fostering an engaging and memorable user experience.<\/p>\n\n\n\n

Font Choice: A Brief Note<\/strong><\/p>\n\n\n\n

\"\"<\/figure>
\n

In selecting the font for this exploration, I opted for a typeface that pays homage to the clean lines and simplicity of Edward Johnston’s iconic lettering. This choice aims to evoke the timeless elegance of 1950s design while providing a visually cohesive experience. The selected font serves as a bridge between the tactile charm of letterpress printing and the digital medium through which we share this journey.<\/p>\n<\/div><\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Cafe Racer Visual Style In the 1950s and 60s, Britain experienced a cultural revolution marked by rebellion and rock ‘n roll counterculture. This vibrant atmosphere was mirrored in the colourful styles of cafe racers, breaking away from the drab utilitarian colours of postwar austerity. The ton-up boys, adorned in black leather jackets, showcased a bold […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[34,1],"tags":[],"yoast_head":"\nProject 3 visual style - Robert Atsumi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project 3 visual style - Robert Atsumi\" \/>\n<meta property=\"og:description\" content=\"Cafe Racer Visual Style In the 1950s and 60s, Britain experienced a cultural revolution marked by rebellion and rock ‘n roll counterculture. This vibrant atmosphere was mirrored in the colourful styles of cafe racers, breaking away from the drab utilitarian colours of postwar austerity. The ton-up boys, adorned in black leather jackets, showcased a bold […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/\" \/>\n<meta property=\"og:site_name\" content=\"Robert Atsumi\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-18T21:13:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-16T18:07:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg\" \/>\n<meta name=\"author\" content=\"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=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/\",\"name\":\"Project 3 visual style - Robert Atsumi\",\"isPartOf\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg\",\"datePublished\":\"2023-11-18T21:13:37+00:00\",\"dateModified\":\"2024-04-16T18:07:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#primaryimage\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg\",\"contentUrl\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg\",\"width\":563,\"height\":732},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project 3 visual style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website\",\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/\",\"name\":\"Robert Atsumi\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/www.nua-ux.design\/robert-atsumi\/blog\"],\"url\":\"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Project 3 visual style - Robert Atsumi","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:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/","og_locale":"en_US","og_type":"article","og_title":"Project 3 visual style - Robert Atsumi","og_description":"Cafe Racer Visual Style In the 1950s and 60s, Britain experienced a cultural revolution marked by rebellion and rock ‘n roll counterculture. This vibrant atmosphere was mirrored in the colourful styles of cafe racers, breaking away from the drab utilitarian colours of postwar austerity. The ton-up boys, adorned in black leather jackets, showcased a bold […]","og_url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/","og_site_name":"Robert Atsumi","article_published_time":"2023-11-18T21:13:37+00:00","article_modified_time":"2024-04-16T18:07:30+00:00","og_image":[{"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/","name":"Project 3 visual style - Robert Atsumi","isPartOf":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#primaryimage"},"image":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#primaryimage"},"thumbnailUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg","datePublished":"2023-11-18T21:13:37+00:00","dateModified":"2024-04-16T18:07:30+00:00","author":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec"},"breadcrumb":{"@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#primaryimage","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg","contentUrl":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-content\/uploads\/2023\/11\/124ff69ae81eff3a11e68cb2491f7b51.jpg","width":563,"height":732},{"@type":"BreadcrumbList","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/uncategorized\/project-3-visual-style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/"},{"@type":"ListItem","position":2,"name":"Project 3 visual style"}]},{"@type":"WebSite","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#website","url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/","name":"Robert Atsumi","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Person","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/ad9ec3451d050081a2ae6ce5ec676cec","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9e3b688e2f8d365bf7b83f254952c6c7?s=96&d=retro&r=g","caption":"admin"},"sameAs":["http:\/\/www.nua-ux.design\/robert-atsumi\/blog"],"url":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/123"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":2,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/123\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/posts\/123\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/media?parent=123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/categories?post=123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/robert-atsumi\/blog\/wp-json\/wp\/v2\/tags?post=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}