Supporters Club
design exploration · not the live site
Identity exploration

Red-and-white heroes, and a shirt-pattern kit.

Four takes on the hero, each with a different football-shirt background in red and white, plus a menu of shirt-pattern motifs for the wider site. Same headline and self-drawing trip card throughout, so the only thing changing is the identity treatment. The thin ribbon under the nav is gone in every version.

Brand red #E4023B Cobalt #1D4ED8 Gold #F5B841 General Sans + Hanken Grotesk
Part one

Four hero backgrounds

Each is the full hero: nav with no ribbon, headline, the trip card that draws itself, and the calls to action. Compare which pattern strengthens the identity without fighting the copy or the map.

A

Red & white vertical stripes

A classic striped kit. Mostly white with slim red bands, so the copy stays crisp and the trip card floats clearly. A soft white wash sits behind the headline for contrast.

Recommended · premium & legible
supportersclub.co.uk
Now in private beta

The match is the reason.
The trip is the point.

Pick your club and an away city. Watch the whole trip draw itself, every leg of the journey and the stay, in one honest all-in figure.

Shaped by travelling supporters in the beta
B

Diagonal red sash on white

One confident diagonal band, a refined version of the current scarf motif. The sash crosses behind the gap between copy and card, so nothing important sits on red.

Recommended · strong & on-brand
supportersclub.co.uk
Now in private beta

The match is the reason.
The trip is the point.

Pick your club and an away city. Watch the whole trip draw itself, every leg of the journey and the stay, in one honest all-in figure.

Shaped by travelling supporters in the beta
C

Half and half

Clean white on the copy side, a red striped block on the map side, like a half-and-half kit. Boldest of the four; the trip card sits proud against the red.

Bold · use where you want maximum impact
supportersclub.co.uk
Now in private beta

The match is the reason.
The trip is the point.

Pick your club and an away city. Watch the whole trip draw itself, every leg of the journey and the stay, in one honest all-in figure.

Shaped by travelling supporters in the beta
D

Fine red pinstripe on white

The understated option. Barely-there red pinstripes read as a shirt up close but stay quiet at a glance. Closest to the current near-white hero, with a little more texture.

Recommended · quiet & premium
supportersclub.co.uk
Now in private beta

The match is the reason.
The trip is the point.

Pick your club and an away city. Watch the whole trip draw itself, every leg of the journey and the stay, in one honest all-in figure.

Shaped by travelling supporters in the beta
Part two

The shirt-pattern kit

The full motif vocabulary in brand colours. Each note says where it earns its place across the site. Pick the two or three that feel like Supporters Club and use them consistently; the rest can retire.

Vertical stripes hero

The signature. Hero background or guide masthead; reads instantly as a striped kit.

Hoops band

Section band or footer strip. Bold, so use it sparingly and keep the bars generous.

Half and half masthead

Per-city guide masthead in each club's two colours. Ties into the existing theming.

Diagonal sash hero

Hero accent or card corner. The current scarf motif, refined to a single clean band.

Pinstripe card

Understated hero or card background. Premium and quiet; safe almost anywhere.

Chevron accent

Small accents, dividers and icon fills. Energetic; keep it minor or it turns busy.

Checkerboard texture

Subtle section texture at low contrast only. Background flavour, never the focal point.

Woven texture overlay

Fabric grain to lay over any coloured band or CTA. Adds shirt-like depth, not pattern.

Where each treatment earns its place

Hero: vertical stripes, diagonal sash or pinstripe. Keep the copy on white, the card floating.
Guide masthead: half-and-half in the two club colours, echoing the away-day cards.
Section band / CTA: hoops or the diagonal fabric, with the woven overlay for depth.
Cards: pinstripe or a corner sash; enough to signal the kit without shouting.
Accents: chevron on dividers, tags and small icons only.
Use with care: checkerboard stays as a faint texture; never a full-strength background.