Aspire Fit

ASPIRE
FIT

A smarter, science-based approach to building muscle, burning fat, and feeling your best for life. This document defines the visual identity standards for all Aspire Fit content and communications.

01
Aspire Fit Square Logo — Dark
Aspire Fit Wordmark — Light
Aspire Fit Mark — Black
Aspire Fit Social Logo

Recommended logo formats

SVG (primary, scalable) · PNG @2x (social, digital) · EPS (print, large format)


02

Brand Colors

The Aspire Fit palette is built on a foundation of deep neutrals — blacks, charcoals, and warm grays — with a single electric blue accent that commands attention without overwhelming. Click any swatch to copy its hex code.

Copy

Obsidian

#0A0A0A

Primary Background

Copy

Forge

#141414

Card / Surface

Copy

Graphite

#1C1C1C

Elevated Surface

Copy

Steel

#2E2E2E

Borders / Dividers

Copy

Pure White

#FFFFFF

Primary Text

Copy

Iron

#3A3A3A

Subtle Borders

Copy

Ash

#6B6B6B

Muted / Disabled

Copy

Silver

#ABABAB

Secondary Text

Copy

Chalk

#D9D9D9

Light Text / Labels

Copy

Electric Blue

#2BA3EE

Primary Accent / CTA

Copy

Deep Blue

#1A8FD1

Hover / Active State

Copy

Midnight Navy

#042D47

Dark Accent / Depth


03
ASPIRE
METHOD

Integral CF

Bold Italic 700 / ExtraBold Italic 800

Titles, Headlines, Hero Text

Black 900Transform Your Body
ExtraBold 800Expert Designed Training
Bold 700Science-Based Approach
SemiBold 600500+ Transformations
Medium 500Hybrid Nutrition System
Regular 400Data-driven results you can see, feel, and sustain.
72px
Display XL
ASPIRE
48px
Display
ASPIRE FIT
32px
Heading 1
Brand Identity
24px
Heading 2
Color Palette
18px
Heading 3
Typography System
14px
Body
Science-based fitness coaching for lasting results.
12px
Caption
Hex #2BA3EE · Weight 400 · Tracking 0.12em

04

Icons & Charts

All icons should be rendered in stroke style using the brand's Electric Blue (#2BA3EE) on dark backgrounds, or Obsidian (#0A0A0A) on light backgrounds. Stroke weight: 2px at standard size, 1.5px at small size. Use Lucide Icons or a consistent stroke-based icon library.

Dumbbell

Strength training, workout content

Barbell

Compound lifts, powerlifting content

Flame

Calorie burn, fat loss content

Heart Rate

Cardio, health metrics

Running

Cardio, HIIT, endurance

Target

Goals, milestones, precision

Timer

Rest periods, workout timing

Whole Foods

Clean eating, meal content

Chicken / Protein

High-protein meals, macro content

Balance

Macro balance, portion control

Hydration

Water intake, recovery

Whole Foods

Plant-based, clean ingredients

Supplements

Vitamins, supplements content

Diamond Bullet

Best for: Key stats, feature lists, top tips

  • Build lean muscle faster
  • Optimize recovery time
  • Track macros precisely

Check Circle

Best for: Do's & don'ts, checklist content

  • Eat within 30min post-workout
  • Prioritize sleep quality
  • Stay consistent daily

Arrow Bullet

Best for: Step-by-step guides, tutorials

  • Calculate your TDEE
  • Set a calorie deficit
  • Track weekly progress

Bar Chart

Comparing muscle groups, weekly volume, macro breakdown per meal

Palette

Use Electric Blue for the primary bar, Deep Blue for secondary. Label bars in Montserrat Regular 12px.

Progress Line Chart

Body weight trends, strength progression, calorie tracking over time

Palette

Single Electric Blue line on dark grid. Use white dots at data points. Grid lines in Steel (#2E2E2E).

Pie / Donut Chart

Macro ratios (protein/carbs/fat), time allocation, body composition

Palette

Use the three accent blues for segments. Avoid more than 4 segments. Center label in Integral CF Italic.

Progress Ring

Goal completion, habit streaks, weekly adherence scores

Palette

Electric Blue fill on Graphite track. Percentage in Integral CF Bold Italic at center. Pair with a glow effect.

Milestone Icons

Use the trophy, target, and check-circle icons for achievement callouts in videos. Always pair with Electric Blue and a subtle glow.

Icon Size Standards

16px inline text · 24px UI elements · 32px section headers · 48px feature callouts · 64px hero/thumbnail icons

Consistency Rule

Never mix filled and stroke icon styles within the same video or graphic. Stick to stroke-only icons from a single library (Lucide recommended).


05

Do's & Don'ts

DO
  • Use Integral CF Bold Italic for all display headings and titles
  • Use Montserrat Regular (400) for captions, labels, and body text
  • Apply #2BA3EE sparingly as a single accent per composition
  • Maintain high contrast — white text on dark backgrounds
  • Use all-caps for display type and navigation items
  • Keep generous whitespace around the logo mark
  • Use stroke-only icons at consistent weights throughout
  • Apply the blue glow effect only on the accent color and key CTAs
DON'T
  • Don't use Integral CF in non-italic style for headings
  • Don't substitute the accent blue with other colors
  • Don't place the logo on busy or low-contrast backgrounds
  • Don't use more than two font weights in a single composition
  • Don't stretch, skew, or rotate the logo mark
  • Don't mix filled and stroke icon styles in the same graphic
  • Don't use light backgrounds as the primary surface
  • Don't mix the brand fonts with decorative or script typefaces

06

Tone & Messaging

Aspire Fit communicates with authority, clarity, and genuine care. Every message should feel like it comes from a knowledgeable coach who believes in the client's potential.

CONFIDENT

We speak with authority backed by science and results. No hedging, no vague promises — only clear, direct communication.

"500+ transformations. Real people. Real results."

EMPOWERING

We believe in our clients' ability to transform. Our language lifts people up and makes the goal feel achievable.

"You have everything it takes. We provide the system."

SCIENCE-DRIVEN

We ground every claim in evidence. We don't sell hype — we sell a method that works because it's built on data.

"A smarter, science-based approach to lasting results."

"A SMARTER, SCIENCE-BASED APPROACH TO BUILDING MUSCLE, BURNING FAT, AND FEELING YOUR BEST FOR LIFE."

— ASPIRE METHOD™


07

At a Glance

T

Integral CF Bold Italic

Display / Headlines

Aa

Montserrat Regular

Captions / UI / Body

#2BA3EE

Electric Blue

#0A0A0A

Obsidian Black