Contents
  1. Before you start
  2. Step-by-step instructions
  3. Check the output
  4. Common problems and next steps

Before you start

This guide treats the NBC Sports logo as a real-world case study for evaluating broadcast and sports branding. NBC Sports has used several marks tied to NBC's peacock identity, network wordmark, and sports-specific lockups. When you compare versions, work from official broadcast captures, press materials, or team and league assets rather than recolored fan uploads. The evaluation below runs locally in your browser: you can inspect colors and contrast, prepare comparison files, and test a version on mockups without sending images to a server.

Step-by-step instructions

Collect a small set of clear front-facing examples of the NBC Sports marks you want to compare. Include the peacock, the NBC or NBC Sports wordmark, and any league or event lockup. Crop each example to the mark itself and keep the highest available resolution.

Place two versions into the Before/After Slider. Use one side for an earlier version and the other for a later version. Slide slowly across the peacock and lettering rather than the background, so changes in weight, spacing, and color become visible.

Open Palette Extractor with a clean official image. Sample the dominant colors from the peacock and wordmark, then note whether the palette remains close to the familiar NBC colors or shifts because of broadcast treatment, lighting, or a recolored league lockup.

Use Contrast Checker for any text pair in the lockup. Check white or yellow text against dark backgrounds and dark text against light graphics. This is especially useful when a version relies on thin lettering or a busy photographic background.

Compare typography by examining the wordmark and any secondary event type. Look for changes in letterforms, spacing, case, and how the sports designation is attached to the main NBC mark.

Save your observations as a simple comparison. Export a palette, capture a before-and-after preview, or prepare a cropped PNG for a mockup. Keep the original broadcast stills separate from your annotated exports.

Check the output

After your comparison, confirm that the key elements are visible at a small size. The peacock should still read as a peacock, and the NBC lettering should remain legible. If a version appears blurry, the source image may be too compressed or too small.

Check the exported palette against the visible image. Broadcast stills can include motion blur, compression, or overlay graphics, so the sampled colors may differ slightly from a flat vector version of the same logo. Treat those differences as capture artifacts, not as proof of a deliberate brand color change.

If you export a PNG from a comparison or mockup, keep transparency where needed and avoid resizing upward by a large amount. Raster exports cannot recover detail that was missing from the original broadcast capture.

Common problems and next steps

If two versions look identical except for color, the difference may come from display settings, broadcast filters, or source lighting. Compare against a flat official logo asset before assuming the identity changed.

If the peacock is hard to see on a busy screen, test it on a light and dark mockup. A strong sports broadcast mark usually needs to survive over live footage, lower thirds, and scoreboard graphics.

If thin lettering fails a contrast check at small sizes, the issue is usually the background or the weight of the type, not the checker. Move the mark to a calmer background or compare it with a heavier version of the same wordmark.

For further study, organize your examples by decade, network era, or league partnership. This gives you a cleaner visual timeline and helps separate a permanent logo redesign from a temporary event or season treatment.