Contents
  1. Before you start
  2. Step-by-step instructions
  3. 1. Set up the comparison
  4. 2. Check shape and proportion
  5. 3. Compare color and contrast
  6. 4. Inspect small sizes and edges
  7. 5. Review the redesign intent
  8. Check the output
  9. Common problems and next steps

Before you start

A Spotify logo redesign evaluation is a local visual comparison. You need a clear original reference and one redesign candidate. The original uses a circular green field with three curved black arcs. For evaluation, work with clean PNG or SVG files at the same display size. Avoid low-resolution screenshots, stretched images, or fan edits with added effects if you want to assess the core mark.

Step-by-step instructions

1. Set up the comparison

Open the original and redesign side by side in an image editor, a browser tab pair, or a local file viewer. Place both marks on the same neutral background, such as white or dark gray, and keep the bounding box height the same. Do not compare a wide social banner with a square app icon without normalizing the view.

2. Check shape and proportion

Look at the circle, the arc thickness, the gaps between arcs, and how the arcs sit inside the circle. In a rough redesign, a common error is making the arcs too thin, too thick, or placing them off-center. Overlay the redesign at low opacity on the original to see uneven spacing or changed curvature.

3. Compare color and contrast

Sample the green from both versions and compare the values. Then check whether the redesign keeps enough contrast between the green field and the black arcs. If the redesign uses a different background color, test the arc color against the new field using a contrast checker. Small color changes are easier to evaluate with exact HEX or RGB readings than by eye.

4. Inspect small sizes and edges

Scale both marks down to 16, 24, and 48 pixels and check whether the arcs remain readable. Look for rough edges, blur, gaps, or incorrect spacing that appears only at small sizes. If the redesign was exported as a raster from a large canvas, downscaled text or decorative details may disappear.

5. Review the redesign intent

Ask what the redesign changes and why. Does it simplify the arc shapes, recolor the field, adjust the wordmark, or only change the layout? Record the specific changes so the evaluation is repeatable. A good comparison focuses on visible differences, not on whether the redesign feels modern.

Check the output

Verify that the redesign candidate has clean edges, matches the intended background color, and keeps the arcs distinct from the field. For SVG, open the file in a text editor or browser and confirm the shapes scale without blur. For PNG, confirm the export dimensions are large enough for the largest intended use. If the redesign fails at a common size, that is a useful result, not a reason to reduce the check.

Common problems and next steps

If the redesign looks crowded at small sizes, increase the arc gap or simplify details before exporting again. If the green looks wrong, compare the sampled color against the original and adjust the palette. If the circle is stretched, check that the export uses square proportions. If the wording changes rather than the mark, evaluate the wordmark separately from the symbol and keep both comparison files at the same scale.