St. Louis Blues Logo History: Compare Design Changes Across Versions

Define the alternatives

The St. Louis Blues identity is best understood as three related marks rather than one fixed design: the classic blue note, the version with the St. Louis arch or wordmark, and the modern simplified crest used on jerseys and broadcasts. When comparing logo versions, it helps to separate the original 1967 blue note from the 1990s red-accented redesign and the cleaner version introduced later. The intended use matters. A small web avatar, a printed sign, or a video overlay will each reveal different problems with detail, contrast, and spacing.

Compare meaningful differences

Across versions, the durable element is the angled blue note with a yellow-gold outline. The original mark reads as a solid, rounded shape with tight proportions. Later versions add a red accent line, refine the wing-like curve, and introduce a bolder wordmark with a chiseled or arched feel. Some placements use only the wordmark and city name without the note. Before reproducing any version, check whether the artwork is a flat raster file or a vector file. A PNG captured from a photo will often be too soft for a sign or printed material, while an SVG or another vector format preserves the clean edges.

Color is another practical difference. The familiar combination is blue, gold, and white, with red appearing only in certain eras. White or pale backgrounds usually work, but dark menus and video overlays need a version with enough separation around the gold outline. If you are comparing files for a mockup, do not rely on how the logo looks in a dark theme alone. The same blue can nearly disappear on a navy background or lose the note shape when scaled down.

Practical trade-offs

The older blue note has strong nostalgia value, but its finer curves and heavier outline can become muddy at favicon size. The simplified modern version tends to survive small sizes and low-quality screens better because it reduces small details. However, a simplified mark may feel less distinctive when placed next to the full wordmark on a storefront or title card.

Use cases should guide the choice. For a video thumbnail, choose the mark with the highest contrast against the background and enough padding around the note. For a printed backdrop, vector artwork is preferable because it can be resized without adding jagged edges. For a camera-facing setup, such as a podcast overlay or a stream badge, test the logo against both light and dark previews. Published specifications can tell you approximate colors and intended proportions, but actual readability on a particular screen or material requires a direct test.

Choose for the use case

There is no single best version for every use. A cleaner modern mark is the safer starting point for small digital placements, icons, and overlays. The classic blue note or a full wordmark works better when there is room to show the shape clearly, such as a slide, a sign, or a printed cover. Start with a vector file, verify the version, and test it in the actual size and background where it will appear. If the file is already a compressed image, resize it carefully and check the edges rather than assuming that a large source file will stay sharp after conversion.

Quick checklist for comparing versions

• Step 1: Identify whether you are looking at the original blue note, the arch version, or the modern simplified crest.
• Step 2: Check whether the file is raster or vector before placing it in a mockup.
• Step 3: Compare the red accent, outline weight, and wordmark style only for the era you need.
• Step 4: Test the mark on a light and dark background at the final size.
• Step 5: Keep the official blue, gold, and white relationship intact; avoid recoloring without a style guide.

Treat version history as a reference for design changes, not a source for claiming that any particular file is current or cleared for reuse. If the logo will appear in public media or on printed merchandise, verify the source and usage terms separately.