Juk Sports Guidelines
Every angle of every kid.
Introduction
JUK is the crowdsourced multi-angle video platform for youth and amateur sports. Parents and fans tag the big moments from the stands. JUK syncs every camera angle around those tags and delivers the clips in near real-time.
The mark takes its name and shape from the juke, the quick change of direction that beats a defender. Ink Black and Porcelain carry every surface, Tuscan Sun and Pumpkin Spice bring the heat, and field lines run behind it all.
Messaging
Click to copyShort declarative sentences, each ending in a period. Deck and out-of-home headlines run in Title Case. Two-part lines break into two sentences on two lines and stay one color. No em dashes, no exclamation marks.
Logotype construction
Clearspace equals half the width of the logomark, marked x. Keep it free on all four sides so the mark stays prominent and legible.
Logotype scale
The logomark and the JUK wordmark always scale together. Sizes refer to lockup height. Small placements such as page headers and app icons use the logomark alone.
Color versions
Ink Black sits on Porcelain, Tuscan Sun and Pumpkin Spice. Porcelain sits on Ink Black and its deeper navy shades. The app icon flips the logomark to Tuscan Sun on Ink Black.
Core palette
Bold, energetic accents over strong neutrals. Ink Black is the primary color and Porcelain the secondary. Tuscan Sun and Pumpkin Spice are the accents for motion, optimism and the big moments.
Shades
Click to copyInk Black opens into a full navy and blue ramp. Ink Black 900 is the logo panel, Ink Black 600 sets numerals in the deck and Ink Black 400 marks tags and highlights.
Accent usage
From the deckInk Black 600 sets big numerals, step numbers and prices on light slides. Ink Black 400 marks role tags and the highlighted cell. Tuscan Sun fills stat panels and callouts. Pumpkin Spice stays small: footnote marks and list bullets.
Color proportions
ProposedInk Black leads and Porcelain gives the layout room. Tuscan Sun carries the stat panels and Pumpkin Spice stays rare so it keeps its weight.
Accessibility
WCAG 2.2 · normal textInk Black text works on every light brand surface: AAA on Porcelain and Tuscan Sun, AA on Pumpkin Spice. Porcelain text belongs on Ink Black and Ink Black 600. Porcelain on Tuscan Sun or Pumpkin Spice fails, so labels on those panels take Ink Black.
Type system
Type to editType scale
Icons
PhosphorPhosphor is the icon library, Regular weight. Sport icons like the baseball, the cap and the football helmet share one line weight with the interface icons. Click an icon to copy its SVG.
Photography
Continuous motion blur for speed, momentum and raw athletic energy. Kinetic depth and fluid movement over static framing, in digital and print.
Product interface
iOS appThree screens carry the product. Live Tag turns the whole screen into one tap target. The clip viewer pairs My Tags with My Clips, and the team feed collects every angle from an event.
Pitch deck
Content slides run on Porcelain with Ink Black type, a 1px grid and Tuscan Sun stat panels. Covers, problem and closing slides switch to Ink Black over motion-blurred photography. Kode Mono carries tags like Live Now and Co-Founder & CEO.
Compositions
One photograph, one headline and one solid panel. Tuscan Sun or Ink Black panels hold the message so the photo never has to. The poster frames the athlete in a Tuscan Sun rule.
Export assets
Give DESIGN.md to your coding agent (Claude Code, Cursor, v0, Framer AI) with your UI or website task. It holds every token, type rule, component spec and copy rule in one file.