JKSC ICON SYSTEM / V1.1 / WORKING REVIEW
Updated November 2, 2026. Part of Brand Guide v1.6.

32 symbols: 8 current sport/navigation labels, 2 expansion sports,
10 camp-experience symbols, and 12 site essentials.

SOURCE
Original SVG geometry created for JKSC with AI-assisted vector authoring.
The star contour follows the existing JKSC brand-guide star. No raster tracing,
generated bitmap textures, external images, fonts, or third-party icon pack.
This is a working review set, not a record of Jordan's final approval.

FORMATS
SVG: scalable vector masters with transparent outer canvases and literal colors.
PNG: transparent 256 x 256 exports. At most 128 CSS px for a 2x display.
Brand: charcoal contours, lime accents and selected white interior fills.
Charcoal: one-color contours for white or lime surfaces.
Reversed: white contours for charcoal surfaces. Do not use on white or lime.
Sprite: optional one-color currentColor symbols for website developers.

DRAWING RULES
64 x 64 grid; 3-unit main strokes; round caps and joins; equal width and height.
The All Sports collection uses 2-unit internal details to keep the small equipment clear.
Keep the whole viewBox. Do not crop, stretch, add texture, shadows or gradients.
Sports and camp icons: 32-64 CSS px. Multi-Sport, Softball and All Sports: 40 px minimum.
Site essentials and Simple star: 24 px minimum. Do not use below 24 px.
Start with 48 px for sport cards and 32 px inside a 56 px feature badge.
Allow at least 8 px between an icon and adjacent text.
Check every final placement at its actual size.

CHOOSING FILES
Use a sport icon beside its visible sport name. The All Sports collection opens
the sport index. Its four separated symbols distinguish browsing all sports from
the overlapping equipment used for Multi-Sport camps. Volleyball and Track & Field
are expansion artwork, not a statement that those camps are currently offered.
Icons support the existing JKSC logos. Never substitute an icon for the logo.

SKILLS THROUGH PRACTICE AND PLAY
Recommended: jksc-skills-star-badge.svg (star with two motion strokes).
Alternative: jksc-star-badge.svg (simple star).
Both are 56 x 56, with PNG fallbacks at 112 and 224 px.
If the website already supplies a lime disc, use the charcoal icon alone.
Do not nest the badge inside another disc.

ACCESSIBILITY
Use visible labels for sports and actions. Color never carries meaning alone.
Beside a matching text heading, use alt="" on the image. An icon-only control
needs a meaningful accessible name on the button or link. Keep the clickable
area at least 44 x 44 CSS px even when the icon inside it is smaller.
For email, use a PNG fallback with live text alongside it.

HANDOFF
The guide contains review previews. Installing the replacement on
jordankentcamps.com is a separate website change.
