WRKOUT Brand Guidelines 2020
WRKOUT Brand Guidelines v3.0 is the identity manual for the WRKOUT fitness platform, written for in-house designers, agencies, and brand partners. It covers the wordmark origin (Orbitron Extrabold with a custom stylized K), logomark construction (the K glyph merged with the kanji for 'person'), Futura PT weights, Warm Pink with Cool and Warm gradient systems, neon-lit photography direction, logomark-derived patterns, social media avatar specs, App Store and Google Play assets, Smart TV tile guidance, and co-brand lockups with Nike, lululemon, Hyperice, Spotify, WHOOP, Onnit, ŌURA, Reigning Champ, AthleticGreens, and Stadia Ventures.
- Slide 1: WRKOUT: Brand Guidelines
- Slide 2: Welcome TRNRS and FNDRS
- Slide 3: Table of contents listing 14 chapters: Wordmark, Messaging, Logomark, Logo
- Slide 4: Section header introducing the wordmark guidelines and related usage principles
- Slide 5: Explains the wordmark's origin: a lowercase Orbitron Extrabold base modified
- Slide 6: Details the construction grid and geometric edits:most notably the removed/altered
- Slide 7: Defines minimum clearspace around the wordmark using measured X/Y grid
- Slide 8: Primary Wordmark - White Torch on Black
- Slide 9: Black Torch on White
- Slide 10: Light Gray Torch on White
- Slide 11: Specifies the white wordmark for use on dark backgrounds
- Slide 12: Specifies the black wordmark for use on light backgrounds
- Slide 13: Light Gray on Black
- Slide 14: Light Gray on White
- Slide 15: Dark Gray Gradient on Black
- Slide 16: Light Gray Gradient on White
- Slide 17: Section header introducing the brand's messaging guidelines and the following
- Slide 18: Establishes naming rules: use uppercase 'WRKOUT' when referring
- Slide 19: Lists tone attributes and core lines: brand position (deliver
- Slide 20: Describes the branded proprietary framework 'Burn
- Slide 21: Defines tone pillars:positive, supportive, approachable, classy, confident, authentic, engaged, curious
- Slide 22: Instruction for wordmark extensions: set the base word in Orbitron
- Slide 23: NETWRK is a network-focused wordmark extension that pairs the standard
- Slide 24: TEAMWRK is a community- or team-facing wordmark extension using
- Slide 25: HARDWRK is an effort- or performance-themed wordmark extension that leverages
- Slide 26: FRAMEWRK is a structure- or system-oriented wordmark extension combining base
- Slide 27: For other wordmark extensions type the word in Orbitron Extrabold
- Slide 28: MOVR is a compact product wordmark variant that uses
- Slide 29: MOVRS adapts the MOVR wordmark for plural or community contexts
- Slide 30: TRNR is a training- and coach-focused wordmark extension intended
- Slide 31: Secondary wordmark 'TRNRS' used as a compact brand identifier paired
- Slide 32: Shows the grid and alignment rules that combine the WRKOUT
- Slide 33: Primary WRKOUT.fm lockup demonstrating the full wordmark and the standalone
- Slide 34: Digit construction for '01' messaging
- Slide 35: Large '01' numeral used as a key visual motif
- Slide 36: Section header introducing the brand's logomark, its purpose
- Slide 37: Explains the logomark combines a lowercase Orbitron 'k'
- Slide 38: Detailed grid and alignment breakdown showing how the Orbitron 'K'
- Slide 39: Defines the required white space around the logomark using
- Slide 40: Primary Logomark - White Torch on Black
- Slide 41: Black Torch on White
- Slide 42: Light Gray Torch on Black
- Slide 43: Logomark rendered in pure white on a black to illustrate
- Slide 44: Solid black version of the mark on white showing
- Slide 45: Light Gray on Black
- Slide 46: Light Gray on White
- Slide 47: Dark Gray Gradient on Black
- Slide 48: Light Gray Gradient on White
- Slide 49: Section opener for Logo Usage that frames examples and rules
- Slide 50: Do‑not grid showing prohibited wordmark treatments: outlines, effects, gradients
- Slide 51: Guidelines for placing the wordmark on photography: avoid busy
- Slide 52: A catalog of improper treatments: outlines, drop shadows, gradients
- Slide 53: Placement rules for the logomark on photographic backgrounds: do not
- Slide 54: Shows how the logomark can function as a photographic container
- Slide 55: Construction grids for lockups that pair the logomark and wordmark
- Slide 56: Approved horizontal lockup showing the wordmark paired with the trademarked
- Slide 57: Approved vertical lockup displaying the standalone logomark above the tagline
- Slide 58: Section header introducing brand and signaling the transition to typeface
- Slide 59: Typeface: Futura PT
- Slide 60: Samples of recommended Futura PT weights (Book, Medium, Demi)
- Slide 61: Defines the Futura PT type system with explicit sizes
- Slide 62: Explains a baseline-grid hierarchy using 4x/2x/1x units: Headline (Futura PT
- Slide 63: Shows headline/subheader pairing: headlines set in Futura PT Demi
- Slide 64: Demonstrates big and small headline scales: Big Headline (Demi
- Slide 65: Specifies Headline 1 (Futura PT Demi 72px) and Section Headline
- Slide 66: Defines caption and list treatments: caption (Futura PT Book 14px
- Slide 67: Section introduction for WRKOUT’s color system, transitioning from rules
- Slide 68: Defines the primary palette: Warm Pink
- Slide 69: Describes two secondary gradients: Cool (teal → mid blue
- Slide 70: Specifies a dedicated logomark gradient derived from the warm secondary
- Slide 71: Color ratio: 60/30/10 rule
- Slide 72: Lists prohibited treatments: color overlays/filters, using pure for brand
- Slide 73: Section header introducing photographic guidelines that prioritize dramatic, neon-lit trainer
- Slide 74: Photography: neon-lit, dramatic trainer imagery
- Slide 75: Section header for the brand's repeating pattern system derived
- Slide 76: Describes a repeating logomark pattern with a 50% horizontal offset
- Slide 77: Dark Gray on Black
- Slide 78: Light Gray on White
- Slide 79: Dark Gray on Black: Outlined
- Slide 80: Light Gray on White: Outlined
- Slide 81: Pattern application with photography
- Slide 82: Off-grid pattern crops for assets
- Slide 83: Light Gray 25% on White: XXL
- Slide 84: Light Gray 25% on dark: XXL
- Slide 85: Pattern application: 20% overlay and 50%
- Slide 86: Section header for social media guidelines covering avatar sizes, icon
- Slide 87: Approved Facebook avatars in desktop (170×170) and mobile (128×128) sizes
- Slide 88: LinkedIn avatar examples at 400×400 for desktop, demonstrating dark, reversed
- Slide 89: Instagram mobile avatars shown at 110×110, provided in dark, reversed
- Slide 90: Twitter avatar guidelines with desktop examples at 400×400, displaying dark
- Slide 91: Mobile mockups for Instagram, Facebook, Twitter, YouTube and LinkedIn demonstrating
- Slide 92: Nine-tile social post examples showing photography-focused tiles, headline cards
- Slide 93: Grid specification for social tiles: 180px column width, 20px gutter
- Slide 94: Banner grid guidelines with 38px side margins and an 80px
- Slide 95: Desktop Facebook cover template sized 820×312px with recommended crop
- Slide 96: LinkedIn desktop banner template at 1584×396px illustrating safe zones
- Slide 97: YouTube channel art template sized 2560×1440px showing the full canvas
- Slide 98: Twitter header template at 1500×500px with an example crop
- Slide 99: Section header introducing App Store assets, including listing imagery, banners
- Slide 100: iOS app icon variants and sizes: primary 180×180px (60pt @3x)
- Slide 101: App icon variants for iPad/iPad Mini demonstrating dark, light
- Slide 102: App icon variants optimized for iPad Pro at 167px (83.5pt
- Slide 103: Desktop/mac app icon specifications including 1024px master artwork and scaled
- Slide 104: iOS and Android store listing mockups that demonstrate hero artwork
- Slide 105: Mac App Store product page mockup showing the WRKOUT listing
- Slide 106: Mac App Store top charts mockup illustrating WRKOUT's placement
- Slide 107: Google Play product page mockup depicting WRKOUT's store listing, hero
- Slide 108: Google Play category listing mockup showing WRKOUT positioned in Top
- Slide 109: Section header introducing Smart TV guidelines for app presence, tile
- Slide 110: Apple TV home-screen mockup showing the WRKOUT app tile
- Slide 111: WRKOUT's presence on Android TV, showing the app tile
- Slide 112: Section header introducing partnership and co‑branding guidelines that govern
- Slide 113: Defines vertical and horizontal partnership lockups with construction lines
- Slide 114: Approved vertical and horizontal WRKOUT–Android lockups showing spacing, alignment
- Slide 115: Alternate WRKOUT–Android lockup examples, including the horizontal divider treatment
- Slide 116: Approved WRKOUT–Apple vertical and horizontal lockups that specify spacing, divider
- Slide 117: Alternate examples of WRKOUT paired with the Apple mark, illustrating
- Slide 118: Approved WRKOUT–AthleticGreens lockups in vertical and horizontal arrangements, showing pairing
- Slide 119: Alternate lockup examples for WRKOUT and AthleticGreens that demonstrate divider
- Slide 120: Approved WRKOUT–FEED.FM lockups presented in vertical and horizontal formats
- Slide 121: Approved co‑brand logo lockups pairing Wrkout with FEED.FM, showing permitted
- Slide 122: Co‑brand logo lockups that define Wrkout and Hyperice wordmark pairings
- Slide 123: Alternate lockup variations for Wrkout and Hyperice, illustrating approved horizontal
- Slide 124: Co‑brand lockups pairing Wrkout with lululemon's wordmark and icon, specifying
- Slide 125: Alternative Wrkout–lululemon lockup examples showing stacked and horizontal pairings
- Slide 126: Approved Wrkout and Nike lockups demonstrating correct coexistence
- Slide 127: Lockup variations for Wrkout and Nike that establish spacing, alignment
- Slide 128: Approved co‑brand lockups pairing Wrkout with Onnit's wordmark, illustrating permitted
- Slide 129: Alternate Wrkout–Onnit lockup examples showing alignment options and consistent clearspace
- Slide 130: Wrkout and ŌURA co‑brand lockups that specify approved pairings
- Slide 131: Co-branded lockups pairing Wrkout with OURA's wordmark in stacked
- Slide 132: Co-branded lockups pairing Wrkout with Reigning Champ's monogram and wordmark
- Slide 133: Inverse-color lockups of Wrkout with the Reigning Champ monogram offering
- Slide 134: Co-branded lockups pairing Wrkout with Rogue's wordmark in stacked
- Slide 135: Reverse-color and high-contrast lockup options for Wrkout with the Rougue
- Slide 136: Co-branded lockups pairing Wrkout with SORINEX's bold slab wordmark, presented
- Slide 137: Inverse lockup variations of Wrkout with the SORINEX wordmark offering
- Slide 138: Co-branded lockups pairing Wrkout with Spotify's mark and wordmark
- Slide 139: Inverse and high-contrast lockup options pairing Wrkout with the Spotify
- Slide 140: Co-branded lockups pairing Wrkout with Stadia Ventures' hexagonal mark
- Slide 141: Partnership: Stadia Ventures
- Slide 142: Light- logo lockup showing the WRKOUT and WHOOP marks
- Slide 143: Partnership: WHOOP (dark)
- Slide 144: Introduces WRKOUT's directional iconography system, grounded in the logomark's diagonal
- Slide 145: Icon grid and examples
- Slide 146: Section header introducing real-world applications of the WRKOUT identity across
- Slide 147: Mobile mockup showing the WRKOUT splash and icon placement
- Slide 148: Apparel example demonstrating WRKOUT mark placement on headwear and training
- Slide 149: T‑shirt application showing small chest mark placement and contrast considerations
- Slide 150: Hoodie application that specifies chest badge scale and recommended positioning
- Slide 151: Wrkout wordmark and mark applied to an exercise mat
- Slide 152: Wrkout logo placement and proportion guidance shown on weight plates
- Slide 153: Resistance-band mockup highlighting fabric label placement, fastening detail, and minimum
- Slide 154: Towel application showing embroidered mark placement and recommended scale
- Slide 155: Backpack mockup demonstrating badge and embroidery locations, contrast considerations
- Slide 156: Water bottle treatment showing vertical wordmark application and contrast testing
- Slide 157: Wrkout brand guidelines: credits and contact: created by Empirika
From the marketplace
Related decks
Fresh decks, weekly
A roundup of what's new in the gallery