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 copy

Short 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 copy

Ink 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 deck

Ink 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

Proposed

Ink 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 text

Ink 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 edit

Type scale

Base size
16px
Ratio
Major third

Phosphor 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 app

Three 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

For AI agents

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.

Isotype
Logotype
Profile pictures
Favicons
Mockups
Photography
Made by