Warm-cold contrast
Three posters for three target audiences. The film “Dog Day Afternoon” aired for the first time in 1975. It’s a comic crime drama with the plot of three amateurs trying to rob a bank.
The project
Creating a visual with three different colour palettes; the colour palettes have to be reached from photographs of nature.
The goal is to target a different audience with each poster.
Poster dimensions: B1 (707 mm x 1000 mm)
The final project
Typography
Font used: Hobo Std Medium (sans-serif typeface)
Size of font used: 27pt, 48pt and 90pt
Originally designed by Morris Fuller Benton for American Type Founders in 1910. In those times typographers started making the first sans-serif typefaces known as Grotesque or Gothic due to their rejection of the elegance of serif styles. Hobo is unique for having virtually no straight lines or descenders. I think its ideal to use to showcase this comedy film.
Legibility
Web Content Accessibility Guidelines (WCAG) define the minimum colour contrast ratio for legible text.
Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
I checked legibility on the Adobe colour website which follows the WCAG 2.1 rules. I wanted to satisfy the requirements for the AA level.
The illustration
I created a sketch for the poster in Illustrator. It is a scene in which the robber came out in front of the bank to see a large crowd of citizens.
The sketch
Color palettes
With Canva Color palette generator I extracted colours from photos to get the colour palettes. Next, I run the colours through the Adobe Color: Color Wheel to find out the exact value of tone, lightness and saturation. From there I got the three colour palettes each with its own important elements. The first is a dark-light contrast, the second has a dark and cold harmony, and the third is a warm-cold contrast.
Warm-cold contrast — the third colour palette
Poster for publication today, targeting the generations who grow up with Internet
Intended for the young generations who grew up with the Internet.
The palette of bright, warm and bright colours has the element of pop art and easily attracts attention.
Three tones of this palette correspond to the first palette, so I used the same hierarchy. Due to the difference in saturation and brightness, they offer a different idea of the film’s theme. This poster is implying the film’s wit. It is intended for an audience who will further dispatch the visual, thus creating a larger audience reach.
The picture used to get the colours for the third palette
The colour palette n°3
The picture of Antelope Canyon in Arizona gives a very interesting palette because the photo itself has a warm-cold contrast. One dark colour and three light ones; at the same time two saturated and two unsaturated. There is also a contrast between warm (red and orange) and cold (blue and purple).
For the background, I will take a warm red, and to highlight the information I will use cool colours. Blue is the lightest colour in the palette, but it has quite a bit of saturation. It will look brighter on dark red as well as purple. That's why I will use blue for the title, and purple for the description.
For the background, I will take a warm red, and to highlight the information I will use cool colours. Blue is the lightest colour in the palette, but it has quite a bit of saturation. It will look brighter on dark red as well as purple. That's why I will use blue for the title, and purple for the description.
The colour blue on red achieves a ratio of 7.1:1 and is the optimal combination for the title. Purple and red do not achieve harmony for normal text size, but the poster contains the text of 27pt, 48pt and 90pt. Text larger than 18pt achieves legibility. However, I still think it would be wise to separate the text from the background, so I will apply the Drop Shadow effect to the text in Illustrator.
Combination of all colour text on all colour backgrounds
