Sports & Apparel
Harbor Running Club
An urban running-community identity spanning training apparel, route graphics, weekly social content and animated result cards.
01 / At a glance
A quick summary for clients and collaborators.
What this project is about
A planned international running-club concept intended to show how a sports identity can support participation and weekly operations. The project is structured as a complete professional exercise: research and positioning first, a repeatable system second, and production-ready applications third. Because it is self-initiated concept work, the page describes intended decisions and deliverables without suggesting a real commission, launch or commercial result.
Create a visible, inclusive identity that works in motion, on garments and in information-heavy weekly updates.
Harbour coordinates inspire a modular route line that carries pace, distance and location information across every format.
Club mark / Training apparel / Route cards / Social templates / Animated results
Visual case study
Selected project work.
Large-format mockups follow the project context. Strategy, system and production details continue below.
Continue to project details ↓
The Master identity — the locked wordmark and logo icon used as the reference for every application view presents the core Harbor Running Club mark and is used as a visual reference for consistent brand application.
The Inclusive waterfront group-run campaign hero mockup is a promotional application used to build recognition and communicate the Harbor Running Club message clearly.
The Technical singlet, jacket and running-short system mockup shows how Harbor Running Club is applied to apparel used by athletes, staff or supporters.
The Route cards, pace markers and meetup wayfinding mockup demonstrates how Harbor Running Club guides, informs and creates recognition within a physical space or event.
The Mobile club hub for training, routes and results mockup demonstrates how people use and recognise Harbor Running Club through a practical screen-based experience.
The Weekly meetup, route and member-result social cards mockup is a reusable social-media format for sharing specific Harbor Running Club news, updates or campaign messages.
The Cap, socks, bottle and tote merchandise family mockup shows how Harbor Running Club is applied to apparel used by athletes, staff or supporters.
The Coordinate-route animated result-card storyboard mockup is a reusable social-media format for sharing specific Harbor Running Club news, updates or campaign messages.
The Community event start arch and volunteer station mockup presents a specific Harbor Running Club touchpoint and is used to demonstrate the identity in a practical real-world context.
The Waterfront night-run outdoor campaign mockup is a promotional application used to build recognition and communicate the Harbor Running Club message clearly.
The Closing running-club ecosystem overview overview combines multiple Harbor Running Club touchpoints to demonstrate consistency across the wider visual system.
02 / Brief
The challenge
Audience
- Decision-makers who need the offer to be understood quickly and trusted across several touchpoints.
- Supporters, athletes, sponsors and club or event staff working with the identity every week.
Objectives
- Create a distinctive sports & apparel direction that communicates the offer within seconds.
- Show how one strategic idea can become a coherent system rather than a collection of unrelated mockups.
- Demonstrate production awareness and handoff quality expected by international in-house, agency and production teams.
- Make every application useful for its audience, format and stage in the communication journey.
Constraints
- Club mark must follow the same hierarchy and visual rules while respecting its own format.
- Training apparel must follow the same hierarchy and visual rules while respecting its own format.
- Route cards must follow the same hierarchy and visual rules while respecting its own format.
03 / Creative direction
The design response
Harbour coordinates inspire a modular route line that carries pace, distance and location information across every format. The intended tone balances confidence with restraint: enough distinction to be memorable, but enough structure to feel credible across international commercial settings. References should be evaluated for strategic principles—hierarchy, rhythm, materiality and behaviour—not copied as surface style.
The core concept turns the project’s central subject into a repeatable visual rule. Each application should express the same idea through scale, sequence, crop or material rather than adding new decoration. The concept succeeds only if a viewer can connect the smallest digital asset with the largest or most detailed application.
04 / Design system
The visual system
Use a disciplined display-and-text pairing with a clear information hierarchy. Headline character supports the sports & apparel idea; body copy remains neutral, highly legible and suitable for English and multilingual content.
Build a controlled primary palette around the cobalt direction, supported by neutral and functional colours. Define RGB, CMYK and contrast-safe digital values before final artwork.
Use a modular grid with repeatable spacing, alignment and scale rules so communication remains recognisable from compact formats to long-form and large-scale applications.
Set explicit rules for crop, perspective, background treatment, subject scale and captioning. Imagery must clarify the message rather than act as generic decoration.
05 / Applications
What the project delivers
Sports ecosystem
Apparel artwork, sponsor hierarchy, number and name rules, merchandise, match-day communication and supporter-facing brand assets.
06 / Production & implementation
Designed to leave the portfolio and enter production
- Deliver placement diagrams, scale references, sponsor clearances, colourways, print or sublimation separations and production-ready vector artwork.
Files should use a consistent folder structure, version names, editable masters, linked assets, licensed font notes and export presets. Final public content must pass a permission and privacy check.
07 / Iterations
How I developed the work
- Round 01 — Audit the category, audience, competitors and common visual clichés; write the problem and positioning in one sentence.
- Round 02 — Explore at least three distinct conceptual territories in black and white before committing to typography or colour.
- Round 03 — Test the selected direction on the most difficult real formats, not only the hero image; remove rules that fail under pressure.
- Round 04 — Refine hierarchy, spacing, colour and imagery; run print, contrast, small-size and responsive checks where relevant.
08 / Planned deliverables & status
What the future case study should contain
Planned deliverables
- Club mark
- Training apparel
- Route cards
- Social templates
- Animated results
- Creative-direction board and written rationale
Evidence standard
- The audience can identify the offer, category and next action without an explanation from the designer.
- Applications look related because they share rules—not because the same mockup or decorative effect is repeated.
- A production, marketing or development colleague can continue the work from the documented files and specifications.
- Accessibility, privacy and output requirements are resolved before presentation polish.
Current status
Self-initiated concept with supplied artwork. It is not presented as commissioned client work or a verified live implementation.
International portfolio relevance
For an international employer or client, this planned case study is intended to demonstrate community identity, apparel design, social system together with structured process, cross-media consistency and production discipline. It supports roles in in-house marketing, integrated agencies, brand teams and production-oriented design environments.
Next step
Concept only; routes, member names and results are illustrative and do not represent a real club. The current presentation includes a locked concept identity and a complete family of visual mockups. The next meaningful development would be production-tested artwork, real animation exports and verified implementation evidence. If the project becomes client work, the page must be updated with the true brief, contribution, constraints and approved outcome—never retrofitted with invented success.
Have a similar challenge?
Let's build something clear, useful and memorable.
Share your company, audience and required deliverables. I will help you identify the right design direction.