GymTree Brand System / 2026 Edition

Command precision for modern coaching businesses.

This system defines how GymTree looks, speaks, and behaves across product, marketing, and sales touchpoints. It is intentionally strict: high contrast, disciplined structure, and warm authority over trend-driven noise.

Identity Architecture Visual Language Voice + Messaging Interface Primitives

01

Brand DNA

Strategic foundations that guide every visual and verbal decision.

Positioning

Premium operating system for independent coaches who run serious businesses.

Mission

Help coaches scale quality and consistency without adding operational chaos.

Personality

Disciplined, direct, practical, and human. No empty hype language.

Brand Promise

Training, nutrition, communication, and payments unified in one workflow.

Audience

Online coaches, boutique gym owners, and hybrid professionals managing 30-300 active clients.

Differentiator

Operational depth and trust signals over flashy features with weak retention value.

Memory Trigger

The Wordmark: A high-contrast typographic signature that represents the duality of athletic power and organic growth.

02

Wordmark Architecture

Typography anatomy and approved compositions.

Tree Mark Gold Accent Primary Brand

GymTree

GymTree

GYMTREE

03

Usage Rules

Hard constraints that preserve brand integrity.

Clear Space Keep 1x "G" height on every side.
Minimum Size Digital: 84px full wordmark.
Color Control Never alter the gold/white balance.
Background Control Use solid backing when contrast drops below AA.

Do

  • Use canonical wordmark lockups only.
  • Use gold on void for high-impact calls to action.
  • Keep consistent letter spacing.

Do Not

  • Add extra effects, glows, or shadows.
  • Stretch the wordmark or rotate off-axis.
  • Use low-contrast overlays on busy imagery.

04

Color System

Tokenized palette with role mapping and recommended usage ratios.

--color-m-gold-bright

var(--color-m-gold-bright) / Highlight text and edge accents.

--color-m-gold

var(--color-m-gold) / Primary brand call to action.

--color-m-gold-deep

var(--color-m-gold-deep) / Deep gradients and icon fills.

--color-m-emerald

var(--color-m-emerald) / Trust, success, and completion states.

--color-m-copper

var(--color-m-copper) / Warm secondary emphasis.

--color-m-void

var(--color-m-void) / Primary background surface.

--color-m-coal

var(--color-m-coal) / Secondary cards and overlays.

--color-m-slate

var(--color-m-slate) / Borders, dividers, and disabled states.

Void + Coal
58%
White + Soft Text
24%
Gold Family
13%
Emerald + Copper
5%

Accessible Pair

`var(--white)` on `var(--color-m-void)` for high-density UI and long-form reading.

Action Pair

`var(--color-m-void)` text on `var(--color-m-gold)` buttons for high visibility and click confidence.

Status Pair

`var(--color-m-emerald)` over dark neutral surfaces for success and growth signaling.

05

Typography System

Display strength balanced by functional readability.

BUILD A BETTER COACHING ENGINE

From first check-in to recurring payment, every action stays in one disciplined flow.

GymTree copy style favors measurable outcomes, operational clarity, and direct language. Avoid buzzwords, inflated claims, and generic motivational filler.

Display / Bebas Neue 40072 / 64 / 56
Heading / Manrope 80040 / 32 / 28
Body / Manrope 50018 / 16 / 14
Utility / Manrope 60012 / 11

06

Voice + Messaging

Tone controls and language boundaries for all channels.

Authority
Warmth
Urgency
Playfulness

Use

Deliver programs in minutes and recover your coaching hours.

Avoid

Experience the future of AI-enhanced wellness superpowers.

Pillar 1

Systems over hacks.

Pillar 2

Consistency beats intensity.

Pillar 3

Trust is operational.

Pillar 4

Real business outcomes.

07

Motion Principles

Animation should clarify hierarchy, never distract from conversion.

Entrance / 520mscubic-bezier(0.2, 1, 0.22, 1)

Use for section reveals and major trust moments.

Hover / 220msease-out

Use for cards, CTA states, and icon emphasis.

Feedback / 140mslinear

Use for toggles, tabs, and micro-confirmation interactions.

0ms wordmark fade-in 120ms title shift 220ms CTA glow 520ms settle

08

Interface Primitives

Core UI elements aligned to the identity language.

Secure Payments Client Messaging Program Automation

Conversion Card

Gold CTA on dark surface. One action, one outcome.

Status Card

Emerald accent for completed tasks and retention wins.

09

Imagery + Iconography

Visual direction for campaign art, product shots, and social media templates.

Photography Direction

Use hard side lighting, tactile textures, and real coaching environments. Prioritize authentic moments: check-ins, plan reviews, and progress conversations over staged gym poses.

Icon Style Rules

  • 2px stroke at 24px canvas, rounded joins.
  • Gold accent only for active or monetization actions.
  • Use emerald only for positive state confirmation.
  • No skeuomorphic effects or random gradients.

10

Logo System

Complete mark, wordmark, and lockup catalogue for all brand touchpoints.

Icon Only

Wordmark Only

GymTree

Stacked

GymTree

Badge

GymTree

Train the business

Icon + Wordmark

GymTree

Full Horizontal

GymTree

Train the business

Wordmark + Motto

GymTree

Train the business

Full Stacked

GymTree

Train the business