Case Study 2 - A Shopfront Sign That Is Big Enough but Still Unreadable
A retail brand is refurbishing a single-storey shopfront on a 24 m frontage along a busy road. The fascia band is 12 m long and 0.9 m high, fixed at 3.6 m above the pavement. The brand standard uses 120 mm high capital letters, mid-grey (#555555) on a charcoal ground (#333333), with 60 mm gaps between letters. The shop is set back 3 m from the kerb; the far side of the road is 15 m from the sign, so a driver approaching from the opposite carriageway reads it at about 18 m. Traffic moves at an average of 40 km/h. Pedestrians pass within 2 m of the window and see the sign from about 4 m. The brand manager argues that the letters are 'already twice the size the guidelines require' and refuses to change the colours because they match the logo. The designer must review the proposal before the fascia is fabricated.
1. Using the rule of thumb that 1 mm of capital height is needed per 250 mm of viewing distance, check the 120 mm letters for (a) a pedestrian at 4 m and (b) a driver at 18 m. State what, if anything, you would change.
Read the worked answer
Apply the rule. Required cap height = viewing distance ÷ 250.
- (a) Pedestrian: 4000 ÷ 250 = 16 mm required. The proposed 120 mm is about 7.5 times the minimum - comfortable, possibly oversized for a 0.9 m fascia.
- (b) Driver: 18 000 ÷ 250 = 72 mm required. The proposed 120 mm is about 1.7 times the minimum, so it passes.
But do not stop at the rule. The rule assumes a stationary observer with unlimited reading time. A driver at 40 km/h covers 11.1 m per second, so the sign is within useful view for only two to three seconds; the driver must also read it while steering. The real risk is not letter height but the number of words and the contrast (see next task).
Recommendation. Keep 120 mm - it is not the problem - but (i) limit the fascia to a brand name of no more than three words, so the message can be taken in one fixation; (ii) check the letters at the actual distance by mocking up a full-size panel on site, which costs almost nothing compared with refabricating the fascia; (iii) do not shrink to the pedestrian minimum, because the driver sets the requirement. The size is adequate; the legibility failure lies elsewhere.
2. Evaluate the colour pair #555555 lettering on a #333333 ground. Estimate the relative luminances and the contrast ratio, and judge the result against commonly used thresholds of 3:1 for large text and 4.5:1 for small text.
Read the worked answer
Convert to linear luminance. For each channel value c = hex/255, linearise with ((c + 0.055)/1.055)^2.4 for c > 0.04045.
- #555555: c = 85/255 = 0.333. L = ((0.333 + 0.055)/1.055)^2.4 = (0.3678)^2.4 ≈ 0.0906.
- #333333: c = 51/255 = 0.200. L = ((0.200 + 0.055)/1.055)^2.4 = (0.2417)^2.4 ≈ 0.0331.
Contrast ratio = (0.0906 + 0.05) ÷ (0.0331 + 0.05) = 0.1406 ÷ 0.0831 ≈ 1.7:1.
Judgement. 1.7:1 is far below both 3:1 and 4.5:1. This is a low-contrast pair in absolute terms - two dark greys separated by very little luminance - and it will fail outdoors, where the eye is adapted to a much brighter surround than the sign.
Fix that keeps the brand. Invert the relationship: light lettering on the dark ground. #F2F2F2 gives L ≈ 0.888, so contrast against #333333 is (0.888 + 0.05) ÷ (0.0831) ≈ 11.3:1 - comfortable, and still recognisably the brand's charcoal identity. If the logo must be dark-on-light, then lighten the ground to a mid or warm grey and darken the lettering, aiming for at least 4.5:1.
Why this matters more than size. Contrast is the variable that governs recognition under glare and at speed; a 120 mm letter at 1.7:1 is less readable than a 72 mm letter at 10:1.
3. The fascia is 12 m long and 0.9 m high, a proportion of about 13:1. Discuss the perceptual consequences for composition and propose an arrangement.
Read the worked answer
What a 13:1 band does perceptually.
- A single short word centred in 12 m leaves two large empty fields, and the eye reads these as unfinished rather than as breathing space; the word looks small and lost.
- Long horizontals are read as slightly sagging because the eye seeks a reference line and finds none; a line of letters strung across 12 m will appear to dip at the centre.
- The band competes with the shopfront below it. Without a hierarchy, the fascia becomes a stripe rather than a sign.
Compositional moves, in order of value.
- Divide the band by structure. Break the 12 m into bays that correspond to real elements - columns, mullions, the entrance - say four bays of 3 m, and let the brand name occupy one or two bays, sharing the band's ends rather than floating in the middle.
- Establish hierarchy. Primary element: the name at 120 mm. Secondary: a descriptor at roughly half that cap height (55–60 mm), placed on a different alignment. Two levels, one message each.
- Anchor to the entrance. Align the name to the shop entrance rather than to the centre of the fascia, so the composition explains where to go.
- Correct the sag. Nudge the baseline up by about 1% of the band length, or insert a thin vertical divider, so the line reads level.
Test. Look at the elevation upside down and from 20 m away; if the layout still reads as three groups with a clear first, second and third, the composition is working. If everything reads as one grey stripe, the hierarchy has failed.