Contents
  1. The short answer
  2. Establish status and permission first
  3. Design criteria for judging the redesign
  4. How to check the vector artwork
  5. Starting conditions
  6. Ordered checks
  7. Spotting problems in SVG source
  8. Completion checks
  9. Gaps in the available information

The short answer

Treat any new Sonics logo you come across as a proposal until the party that controls the SuperSonics marks publishes it. The materials behind this guide contain no confirmation of an official redesign. Its release date, designer and approved file set are all unverified here. So the practical question is not whether a design is "the new logo". It is whether the artwork is authorized, well designed and properly constructed as vector art for the job you have in mind.

A few terms explain what "properly constructed" means:
• Vector artwork describes shapes mathematically, so it can be scaled to any size without losing sharpness.
• A path is a single drawn line or shape.
• Anchor points are the points that define a path's curves and corners.
• Raster artwork, such as a PNG or JPEG, is made of a fixed grid of pixels and blurs or pixelates when enlarged.
A usable redesign should exist as clean vector paths, with any lettering either converted to shapes or supplied with properly licensed fonts.

Establish status and permission first

Before judging the design, find out where the file came from. Fan concepts, agency pitches, mockups and leaked images often circulate with no label, and any of them can be described as a new logo. Look for a source you can attribute, such as a team or league announcement or a named designer's own portfolio. Then decide what you are allowed to do with the file.

Neither a file's origin nor its format grants reuse rights. A professional sports identity is normally protected as a trademark, and the artwork may also be covered by copyright. Commercial use, merchandise and anything that could suggest endorsement need permission from the rights holder. A concept piece is still the designer's work, so ask before republishing it. This guide does not establish who currently holds the SuperSonics rights or what their licensing terms are; confirm both directly before using any version of the mark.

Design criteria for judging the redesign

The criteria below are recommendations drawn from general logo practice. They are not official SuperSonics brand requirements, and none were supplied.

  • Recognition: the mark should read as the Sonics at a glance, whether through name, lettering style, color relationships or other recognizable heritage elements. If it drops all of them, it should do so deliberately.
  • Reduction: the mark should stay legible at very small sizes, such as a social avatar, app icon or favicon. Fine lines, thin gaps and small text are the first details to disappear.
  • Single-color performance: the mark should hold up in solid black, solid white and one spot color without relying on gradients or overlapping tints.
  • Version system: a full mark, a simplified secondary mark and a wordmark should look like one family and share proportions and letterforms.
  • Lettering quality: custom letterforms should have consistent stroke weights and deliberate spacing, and the curves should look smooth rather than lumpy.
  • Reproduction: the shapes should survive embroidery, screen printing, signage and on-court graphics. In practice, this means avoiding very thin strokes, tiny counters and effects that only work on screen.

How to check the vector artwork

This section applies if you need to inspect, clean up or prepare a proposed logo file for a specific use. Exact menu names and settings vary by application and version, and none were verified for this guide. Treat the steps below as application-neutral and confirm each command in the documentation for the software you use.

Starting conditions

  • A source file in an editable vector format such as AI, SVG, PDF or EPS, from a source you can name.
  • Written permission that covers your intended use.
  • A vector editor capable of an outline (wireframe) view, path inspection and export to the formats you need.
  • The font files and licenses for any live text, or confirmation that all text has been converted to outlines.
  • The delivery requirements from the printer, platform or client, including formats, color mode and size limits.

Ordered checks

  • 1. Confirm the content is vector. A file extension proves nothing, because PDF, EPS, AI and SVG files can all contain embedded raster images. Switch to outline view. True vector shapes show as wireframes, while placed images show as boxes or disappear.
  • 2. Look for embedded or linked images. Check the document's links or images list and remove or replace any raster content that is part of the mark itself.
  • 3. Inspect the paths. Select everything and look for stray points, duplicate stacked shapes, open paths that should be closed and an excessive number of anchor points on simple curves. Clean geometry uses as few points as practical, placed at the extremes of each curve.
  • 4. Resolve strokes and effects. Decide whether strokes should stay editable or be expanded into filled shapes. Expanding them keeps line weight fixed when the mark is scaled. Flatten or rebuild any drop shadows, glows and live effects that will not reproduce reliably.
  • 5. Handle typography. Identify every live text object. For final artwork, convert text to outlines so it renders without the font installed. Keep a separate editable master with live text, and record font names and license status.
  • 6. Simplify overlaps. Merge or unite shapes that should be one silhouette, so cutting, embroidery and single-color output show no unintended seams.
  • 7. Define color. Name each color and record its values for each output, such as spot color references for print, CMYK for process printing and RGB or hex for screen. Sports teams usually publish exact values in a brand guide; none were supplied here, so do not invent them from a screenshot.
  • 8. Set the artboard. Fit the artboard to the artwork with any clearance the brand requires. If no clearance rule is documented, apply a consistent margin and label it as your recommendation.
  • 9. Export the delivery set. Typical deliverables are a print-ready PDF or EPS, an SVG for web, and PNG files at the specific pixel sizes requested. Create full-color, one-color and reversed versions.

Spotting problems in SVG source

If you receive an SVG, you can open it in a text editor and scan for elements that suggest the file is not clean vector art. In the illustrative fragment below, the image element embeds raster data and the text element depends on a font being available. The path element is the actual vector geometry.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200">
  <!-- vector geometry: expected -->
  <path d="M20 180 C 80 20, 320 20, 380 180 Z" fill="#000000"/>

  <!-- live text: depends on the viewer having the font -->
  <text x="200" y="120" font-family="ExampleFont">SONICS</text>

  <!-- embedded raster: not scalable vector content -->
  <image href="data:image/png;base64,..." width="400" height="200"/>
</svg>

Completion checks

Check | How to confirm | Pass signal
Vector only | Outline view and links or images list | Every element of the mark appears as a wireframe, with no placed images
Path quality | Select all and inspect the anchor points | No stray points, duplicates or unintended open paths
Typography | Search for text objects; check the font list | Final files contain no live text, or the fonts are licensed and documented
Scaling | Preview at a very small and a very large size | Shapes stay crisp, and small details remain distinct at reduced size
Single color | Fill the whole mark black, then white on a dark background | The mark stays readable, with no gaps or lost elements
Color values | Compare the swatches with a documented specification | Values match a supplied guide, or are clearly labeled as provisional
Exports | Reopen each exported file in a different viewer | Files render correctly with nothing missing, substituted or rasterized

Gaps in the available information

The material available for this guide does not confirm several points:
• whether the SuperSonics organization has adopted or announced a new logo
• who holds the rights to the existing and historical marks today
• official color values, clear-space rules or minimum sizes
• the exact commands in any specific design application
Where this guide gives values or rules, they are recommendations. Check each of these points against an authoritative source before committing to a design decision or delivering files.