Brand Guidelines  ·  Version 1.3

Recovery, Engineered.

CategoryRecovery & Performance
Version1.3 — 2026
Our Story

OutRecover was built to solve a gap that should not exist.

On one side, traditional medicine. Clinical, reactive, and often slow. On the other, modern wellness. Trend-driven, inconsistent, and lacking structure. People were left in between. They were told to rest when they needed direction. They were given treatments without a system. They were left to figure it out on their own.
Founded by a functional nutrition expert and an orthopedic surgeon, OutRecover combines medical-grade technologies with personalized protocols designed to accelerate healing, reduce inflammation, and improve performance. Every offering is designed to work together, not in isolation. This is not a menu of services. This is a system built for results.
OutRecover Founders
Mission

We exist to change how people recover.

Recovery should not be passive. It should not be guesswork. It should not depend on trial and error. Recovery should be intentional. Recovery should be measurable. Recovery should deliver results you can feel. Our mission is to make science-backed, non-invasive recovery accessible, structured, and effective for people who want to heal faster, perform better, and feel stronger in their bodies.

95%
Client satisfaction rating
10+
Recovery modalities
100%
Of recovery plans customized
Our Clients

OutRecover is built for people who want their recovery to work.

They value expertise and real results. They are tired of trial-and-error solutions. They want a clear plan that works with their body. They are not looking for trends. They are looking for outcomes.

Post-surgery patient
Post-Surgery Patients

Want to heal faster and more completely. Need a structured path from procedure to full function with measurable milestones and expert guidance at every stage.

Athlete in recovery
Athletes & High-Performers

Focused on longevity and output. Need faster turnaround between sessions to stay competitive, reduce injury risk, and maintain peak performance without compromise.

Active recovery
Active Adults & Chronic Discomfort

Want to stay strong, mobile, and pain-free. Dealing with fatigue, inflammation, or chronic discomfort and looking for structured, science-backed relief — not more guesswork.

What We Believe

Six beliefs that shape everything we do.

01
Recovery is not passive.

The body responds best when given the right inputs, at the right time. We don't wait and see. We build a plan and execute it.

02
Treatments should work together.

Stacking therapies creates faster, more effective results than isolated sessions. We combine modalities strategically because outcomes compound when science is applied in sequence.

03
Clarity builds trust.

When people understand what is happening in their body, they commit to the process. No jargon. No guesswork. No surprises.

04
Results matter.

Every protocol should lead to measurable improvement in how someone feels or performs. We track outcomes so your plan can be adjusted to real results — not assumptions.

05
Access matters.

High-level recovery should be available beyond elite athletes. We're building systems that expand access to science-backed recovery without compromising quality.

06
The experience matters.

Clinical precision should feel supportive, not cold. Every touchpoint — from booking to follow-up — should feel like it was designed for a person, not processed like a transaction.

Brand Protection

What Not to Do

If it feels trendy, exaggerated, or unclear, it is off-brand. The following must be avoided in all contexts — digital, print, and physical.

Don't recolor the logoOnly use approved color variants. Never alter the logo color outside the defined palette.
Don't distort the wordmarkNever stretch, squish, or rotate the logo. Proportions must always be preserved.
Don't use on busy backgroundsAlways use a solid or properly overlaid base behind the logo.
RECOVERY SERVICES™
Don't add elements to the logoNo taglines, badges, or text attached to or placed near the wordmark.
Don't use off-palette colorsAll colors must come from the defined 8-color system. No exceptions.
Don't use on low-contrast backgroundsNever place the white logo on light grey or similarly muted surfaces.
Don't add effects to the logoNo shadows, glows, gradients, or outlines. The wordmark stands on its own.
✗ Wrong
"ULTIMATE transformation TODAY!!!"
Don't use hype or fear copyLead with precision and outcomes. Never sensationalize or use pressure tactics.
Don't use below minimum sizeNever reproduce the wordmark below 120px wide (digital) or 1 inch wide (print).
Color

The Palette

The color system reinforces clarity, trust, and focus. Primary Teal drives action — buttons, CTAs, and key interactions. Black and deep tones ground the experience and create contrast. White and soft greys create space, clarity, and ease. Signal Red is used sparingly. Color should guide behavior and focus, not compete for attention.

Primary Accent
Primary Teal
#305457
CTAs, buttons, hover fills, accent rule lines, counter borders
Light Accent
Light Teal
#4A7A7E
Button hover state, accordion hover, tinted backgrounds
Primary Dark
Forest Black
#08100D
Hero backgrounds, black sections, all headings, footer
Dark Accent
Deep Teal
#1A3336
Dark card backgrounds, section alt-dark, mobile nav overlay
Canvas
Warm White
#FFFDFA
Page background, navbar fill, light cards, text on dark
Alt Section
Subtle Grey
#F5F2EF
Alternate section bg (.section.accent), light card fill, form fields
Body Text
Forest Grey
#3A413E
All body copy, paragraph text, default text color
Muted
Light Grey
#BBB9B5
Borders, dividers, navbar border, form field borders, captions
Alert Only
Signal Red
#A80017
Error states, critical alerts, destructive action feedback — never decorative
Overlay Colors
#0e252966
Hero image overlay (40% forest)
#0a1d19b3
Service page hero overlay (70%)
#08100d33
Blur card glass background (20%)
Color Usage Ratios
60% Foundation — Warm White (#FFFDFA) and Forest Black (#08100D) define all primary surfaces.

30% Structure — Subtle Grey, Forest Grey, and Deep Teal provide supporting sections, body copy, and secondary cards.

10% Accent — Primary Teal (#305457) is used on CTAs, hover states, rule lines, and counter borders. Teal should feel earned, not wallpapered.

Sparingly — Signal Red (#A80017) is reserved strictly for error states and critical alerts. Never decorative.
Typography

Instrument Sans

Typography should feel clear, modern, and easy to move through. Headlines are bold, direct, and outcome-oriented. Subheadings organize and guide. Body text is clean, readable, and structured for scanning. The goal is to make information effortless to absorb. If it feels dense, simplify it. If it feels unclear, rewrite it.

Regular — 400

Aa Bb Cc

Body copy, headings, nav links, all default text

Medium — 500

Aa Bb Cc

Buttons (18px/500), subtitle tags, counter numbers on some variants

Display / H0
72px · 400 · −3ls · lh 1.3
Recovery
Heading 1
64px · 400 · −2ls · lh 1.3
Recovery, Engineered.
Heading 2
56px · 400 · −2ls · lh 1.3
Precision Recovery
Heading 3
48px · 400 · −2ls · lh 1.3
Science-backed therapies
Heading 4
40px · 400 · −1ls · lh 1.3
Non-invasive protocols
Heading 5
32px · 400 · −1ls · lh 1.3
Recovery Lite
Heading 6
24px · 400 · −1ls · lh 1.3
Accelerate healing
Subtitle Tag
18px · 400 · uppercase · pill border
Section Label
Text Block Medium
18px · 400 · white
Science-backed therapies, strategically stacked for real results.
Button Text
18px · 500 · uppercase
Get Started
Body / Paragraph
16px · 400 · lh 1.3
OutRecover combines medical-grade technologies with personalized protocols to accelerate healing, reduce inflammation, and boost performance without downtime or guesswork.
Responsive Type Scale
Tag Desktop (≥992px) Tablet (≤991px)
Display72px64px
H164px56px
H256px48px
H348px40px
H440px32px
H532px28px
H624px24px
UI Components

The Component System

All interactive and structural components extracted directly from the OutRecover design system. Use these as the definitive reference for any new UI.

Buttons — 5 Variants
Primary — Lime Fill
.primary-button
Get Started Hover State

Background: #305457 → Hover: #4A7A7E · Padding: 0.75rem 2rem · Border-radius: 4rem · Font: 18px/500

Black Fill
.primary-button.black-fill
Learn More Hover State

Background: #08100D → Hover: #1A3336 · Used on light section CTAs

Secondary Dark — Outline Black
.primary-button.secondary-dark
Contact Us Hover State

Border: 1px #08100D, transparent bg → Hover: lime fill. Used in navbar CTA on light pages.

Secondary White — Outline White
.primary-button.secondary-white
Learn More Hover State

Border: 1px white, transparent bg → Hover: lime fill, black text. Used on hero dark sections.

Ghost Black — Outline Only
.primary-button.ghost-black
View All Hover State

Border: 1px #08100D, transparent bg → Hover: lime fill. Used for secondary actions on light sections.

Cards
Recovery Protocol

A structured treatment plan built around your goals, timeline, and body — not a generic template.

.light-card — bg: #F5F2EF

Stacked Therapies

Compression, red light, hyperbaric oxygen, and cryotherapy — combined strategically for compounding outcomes.

.dark-card — bg: #1A3336

IV Nutrition

Cellular-level recovery support delivered directly into the bloodstream for maximum absorption.

.blur-card — glass over image

Service Row Links

Border-bottom row pattern used for service listings. On hover, the row fills with Primary Teal and gains border-radius — signaling navigation without a traditional button.

Modalities

Single-session treatments — compression, red light, cryo, hyperbaric, and more

→
Stacks

Multi-modality protocols designed for specific recovery outcomes

→
IV Drips

Intravenous nutrient delivery for accelerated cellular recovery and hydration

→
Form Fields

Field: border 1px #BBB9B5 · bg #F5F2EF · border-radius 0.25rem · padding 1.5rem 2rem · hover → white bg · focus → lime outline

Accordion
How many sessions does it take to see results?
+
What makes OutRecover different from a standard physical therapy clinic?
+

.acordion-dropdown — bg: white · hover bg: #4A7A7E · border-radius: 0.5rem

Testimonial Cards

"I had my ACL surgery and was expecting months of slow, frustrating recovery. OutRecover had me back on the field in half the time I was quoted. The protocol they built felt like it was designed specifically for my body — because it was."

Client Name
ACL Recovery — 6 weeks post-surgery

"I train six days a week. Before OutRecover, I was constantly fighting soreness and inflammation. Now I recover faster than I ever thought possible and my performance has genuinely improved."

Client Name
Competitive Athlete — Recovery Pro Member
Membership / Pricing Cards
Recovery Lite

For early-stage recovery and active lifestyle maintenance

✓

4 sessions/month

✓

10% off à la carte add-ons

✓

Stack recommendations included

$xxx/mo
Select
Recovery Pro

For serious athletes and consistent recovery routines

✓

8 sessions/month

✓

20% off à la carte add-ons

✓

Priority booking guaranteed

$xxx/mo
Select
Recovery Elite

Unlimited access for peak performers who won't compromise

✓

Unlimited sessions

✓

Concierge booking & scheduling

✓

Custom protocol design

$xxx/mo
Select
Photography

Clinical precision. Athletic grit.

Photography should reflect real recovery and real results. Subjects are captured in moments of effort, restoration, or focus — not posing, not performing. Lighting is controlled and slightly moody. Composition is tight and intentional, with space to breathe. The goal is to show what recovery looks like, not sell an illusion.

Hero atmospheric

Wide-angle, high contrast. Facility or athletic setting. Muted tones, intentional shadow. Communicates scope and environment.

Treatment close-up

Tight crop on equipment or treatment contact point. Texture visible, clinical-clean. Reveals the precision behind the modality.

Client portrait

Mid-session or post-treatment portrait. Eyes open, focused, at ease. No forced smiles. Confident, not performative.

Do use
  • High-contrast, muted tones that feel clinical and intentional
  • Real people in real moments — mid-session, post-treatment, in concentration
  • Tight equipment crops that reveal texture and precision
  • Clean facilities with intentional, directional lighting
Avoid
  • Stock photography and staged gym poses
  • Over-saturated or filter-heavy imagery
  • Forced smiles or performative happiness
  • Generic fitness clichés — flex shots, protein shakes, empty gyms
Voice & Tone

How We Sound

The OutRecover voice is confident, clear, and grounded in results. It speaks like an expert who understands the body and explains things simply. We focus on what it does, why it works, and what results to expect. We avoid hype, exaggeration, and buzzwords. We replace vague claims with clear outcomes.

Trait We Are We're Not
Supportive We're with you at every stage. Encouraging, present, and invested in your outcome. Soft, vague, or overly cautious. We don't hedge — we guide.
Direct We say exactly what something does and why it matters. No padding, no filler. Harsh, robotic, or dismissive. Directness is not coldness.
Educational We give you the information you need to make confident decisions about your recovery. Overwhelming, jargon-heavy, or clinical for its own sake.
Precise Every word earns its place. We don't add filler to sound more impressive. Hype-driven, fear-based, or sensationalized. We let results do the talking.
Write like this
Yes

"Your protocol includes four modalities, stacked to reduce inflammation and accelerate tissue repair. Here's why it works."

Yes

"You'll feel a difference within 72 hours. Here's what to expect — and why."

Not like this
No

"Get your ULTIMATE recovery TRANSFORMATION today!!! Don't miss out!!!"

No

"Don't let injury slow you down — call us before it's too late."

Layout

Grid & Spacing

Layout should feel structured, calm, and easy to navigate. Each section communicates one clear idea. Each screen guides the next action. Spacing is intentional and generous. Content is organized for scanning. Nothing should feel crowded or overwhelming. The user should always know where to look and what to do next.

Spacing Scale
TokenValuepx
--sp-025.25rem4px
--sp-05.5rem8px
--sp-11rem16px
--sp-22rem32px
--sp-44rem64px
--sp-66rem96px
--sp-88rem128px
--sp-1010rem160px
Border Radius
--r-xs.25rem / 4pxForm fields
--r-sm.5rem / 8pxCards, images, dropdowns
--r-pill4rem / 64pxButtons, subtitle tags
Section Alternation
Sections alternate to prevent visual monotony. The primary rhythm is: White → Subtle Grey → Black → White → Forest → Subtle Grey → Black. No two adjacent sections share the same background. Dark sections (black, forest) are reserved for impact moments — mission statements, closing CTAs, and step-by-step process blocks.
Applications

Brand in the World

The brand should translate consistently across all touchpoints. Business cards feel minimal and premium. The website feels structured, outcome-driven, and easy to navigate. Social content is educational, benefit-focused, and consistent. Every application should reinforce clarity, structure, results, and trust.

[[ Website — Hero ]]
Website / Hero Section
[[ Membership Card ]]
Membership Card
[[ Email Header ]]
Email Header
[[ Social Post — Square ]]
Social — 1:1 Post
[[ Social Post — Story ]]
Social — Story / Reel
[[ Facility Signage ]]
Facility Signage
[[ Treatment Menu ]]
Treatment Menu / Print
[[ App / Mobile UI ]]
App / Mobile UI
[[ Apparel ]]
Apparel / Merch

Recovery,
Engineered.

Recovery should work. Recovery should be clear. Recovery should deliver results you can feel. That is the standard behind everything we create.

Version
v1.3 — 2026
Brand Contact
info@outrecover.com
Website
outrecover.com
Prepared by
The Gaygency
OutRecover