2. Team Store
      Back to home
      1. Help Center
      2. Design | Team
      3. 2. Team Store

      2.1 — Step-by-Step Tutorial: How to Setup the Client Approval Sheet

      Effective as of November 1, 2024

      FIELD HOCKEY  |  LACROSSE  |  SOCCER Last updated: November 7, 2024

      CLIENT SHEET  |  HERO BANNERS  |  PATTERNS  |  DTF  |  EMB  |  EMB-PTF  |  SWAG

      1.0 | Client Approval Sheet

      Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      1.1 | Getting Started

      Step 1: 

      • 1.1.1 | File Name: Change the Ticket_ID in the Google Drive File Name to the HubSpot Ticket ID 

      Ticket_ID — SIG-P1

      2583500417 — TS-SIG-P1

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      1.2 | Program Info

      Client Approval Sheet » Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      Step 2:

      • 1.2.1 | Date: Change to Today 
      • 1.2.2 | Client: Change to HubSpot Ticket Nomenclature | Program_ID|TAG_ID|Year-Season
      • 1.2.3 | Version: The goal is to approve the proof without revisions!
      • 1.2.4 | Team_name: Change to Program Name
      • 1.2.5 | Sport Type: Confirm you have the Correct Sport Type

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

      1.3 | Font Usage

      Client Approval Sheet » Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      Default Font Type

      Step 3:

      • 1.3.1 | Font Type: Change the Font type to the one(s) used in the logo or on the uniform if applicable. 
      • 1.3.2 | Font Graphic Style: Set up the Double Stroke with an Inner Stroke of 10 px and an Outer stroke of 20 px to show our clients what their Name & Numbers will look like with the selected font during this initial team store logo approval. 
        We selected the Dasher Deer Font as a creative play on their Stags Logo, which would be bold on their Uniforms.
      • 1.3.3 | Selecting A Font Type: Try to stick to Adobe Fonts, but if the client requests a custom font or you think a better font is accessible on a third-party website:
        • 1.3.3.1 | Upload the new font to the Master *FONTS* Folder via the Google Drive
        • 1.3.3.2 | Upload the new font to the Program *FONTS* Folder via the Google Drive

      THIS IS TO HELP US BUILD OUR INTERNAL LIBRARY AND SUPPORT OUR DESIGNERS DURING OUR HANDOFFS.

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      1.4 | Color Usage

      Client Approval Sheet » Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      Step 4:

      • 1.4.1 | Swatches Panel: Drag the Team Colors into the SIG Team Colors Folder
      • 1.4.2 | Symbols Dropdown: Choose between 10 Preset Color Usage Symbol Options
        • 1.4.2.01 | Symbol Dropdown: 3.01 | Color Usage | 02
        • 1.4.2.02 | Symbol Dropdown: 3.02 | Color Usage | 03
        • 1.4.2.03 | Symbol Dropdown: 3.03 | Color Usage | 04
        • 1.4.2.04 | Symbol Dropdown: 3.04 | Color Usage | 05
        • 1.4.2.05 | Symbol Dropdown: 3.05 | Color Usage | 06
        • 1.4.2.06 | Symbol Dropdown: 3.06 | Color Usage | 07
        • 1.4.2.07 | Symbol Dropdown: 3.07 | Color Usage | 08
        • 1.4.2.08 | Symbol Dropdown: 3.08 | Color Usage | 09
        • 1.4.2.09 | Symbol Dropdown: 3.09 | Color Usage | 10
        • 1.4.2.10 | Symbol Dropdown: 3.10 | Color Usage | 11+
      • 1.4.3 | Symbol Dropdown: Assign Base Colors
        • 1.4.3.1 | Symbol: Create Base Colors

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      1.5 | Logo Usage

      Client Approval Sheet » Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      Step 5:

      • 1.5.1 | Symbols Dropdown: Choose between 5 Preset Logo Usage Symbol Options
        • 1.5.1.01 | Symbol Dropdown: 4.01 | Logo Usage
        • 1.5.1.02 | Symbol Dropdown: 4.02 | Logo Usage
        • 1.5.1.03 | Symbol Dropdown: 4.03 | Logo Usage
        • 1.5.1.04 | Symbol Dropdown: 4.04 | Logo Usage
        • 1.5.1.05 | Symbol Dropdown: 4.05 | Logo Usage

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      1.6 | Signature Patterns

      Client Approval Sheet » Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      Step 6:

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      1.7 | Signature Swag

      Client Approval Sheet » Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      Step 7:

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      1.8 | Team Store Hero Banner

      Client Approval Sheet » Artboard | 01

      INFO  |  FONT  |  COLORS  |  LOGOS  |  PATTERNS  |  SWAG  |  HERO BANNER

      Step 8: 

      BE CREATIVE WITH YOUR HERO BANNER

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      CLIENT SHEET  |  PATTERNS  |  DTF  |  EMB  |  EMB-PTF  |  SWAG

       

      2.0 | Hero Banners

      Artboards | 02 & 88

      WEB  |  E-MAIL

       

      Web Format
      3000 px x 650 px

      E-Mail Format
      600 px x 200 px

       

      2.1 | Web Format

      Hero Banners » Artboards | 02 — 3000 px x 650 px

      WEB  |  E-MAIL

      Step 9:

      • 2.1.9.1 | Symbol: Hero Banner (Logo)
        • 2.1.9.1.1 | Center Logo MAX SIZE (2071.8229 px x 773.3546 px) for Desktop, Mobile, & E-Mail Format 
      • 2.1.9.2 | Swatches: Hero Banner (Black & White)
        • 2.1.9.2.1 | Break the Symbol
        • 2.1.9.2.2 | Change SIGNATURE BLACK to HERO BANNER BLACK (#222222)
        • 2.1.9.2.3 | Change SIGNATURE WHITE to HERO BANNER WHITE (#EEEEEE)
      • 2.1.9.3 | Layer: Side Panels
        • 2.1.9.3.1 | If no Side Panels is not needed, hide this layer
      • 2.1.9.4 | Symbol: Hero Banner (Design)
        • 2.1.9.4.1 | Foreground: Hero Banner (Logo)

        • 2.1.9.4.2 | Background: Hero Banner (Mountains)

      • 2.1.9.5 | Symbol: Hero Banner (Base Color)

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      2.2 | E-Mail Format

      Hero Banners » Artboards | 88 — 600 px x 200 px

      WEB  |  E-MAIL

      Step 10:

      • 2.2.10.1 | Symbol: Hero Banner (Logo)
      • 2.1.10.2 | Swatches: Hero Banner (Black & White)
        • 2.1.10.2.1 | Break the Symbol
        • 2.1.10.2.2 | Change SIGNATURE BLACK to HERO BANNER BLACK (#222222)
        • 2.1.10.2.3 | Change SIGNATURE WHITE to HERO BANNER WHITE (#EEEEEE)
      • 2.2.10.3 | Layer: Side Panel
        • 2.1.10.3.1 | If no Side Panels is not needed, hide this layer
      • 2.2.10.4 | Symbol: Hero Banner (Design)

        • 2.1.10.4.1 | Foreground: Hero Banner (Logo)

        • 2.1.10.4.2 | Background: Hero Banner (Mountains)

      • 2.2.10.5 | Symbol: Hero Banner (Base Color)

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      CLIENT SHEET  |  HERO BANNERS  |  DTF  |  EMB  |  EMB-PTF  |  SWAG

       

      3.0 | Signature Swag Patterns

      Artboards | 03-07

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

      Step 11:

      VERIFY THIS PATTERN WILL WORK ON EXPORT FOR ECOM

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      CLIENT SHEET  |  HERO BANNERS  |  PATTERNS  |  EMB  |  EMB-PTF  |  SWAG

       

      4.0 | DTF | Apparel & Uniform Logos

      Direct-to-Film  |  860 px x 860 px 

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      Step 12:

      4.1 | DTF | Primary Logos

      Apparel & Uniform Logos » Artboards  |  08-12

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      COPY & PASTE THE VECTORIZED LOGO SYMBOLS INTO THE TEAM STORE

      Add Symbol-N-Symbol

      • 4.1.12.1
        DTF | 1.1.1 | Primary Logo (Dark)
        0000_TAG_ID_00_0 | 1.1 | Primary Logo (Dark)
      • 4.1.12.2
        DTF | 1.1.2 | Primary Logo (Light)
        0000_TAG_ID_00_0 | 1.2 | Primary Logo (Light)
      • 4.1.12.3
        DTF | 1.1.3 | Primary Logo (Alternate)
        0000_TAG_ID_00_0 | 1.3 | Primary Logo (Alternate)
      • 4.1.12.4
        DTF | 1.1.4 | Primary Logo (Black)
        0000_TAG_ID_00_0 | 1.4 | Primary Logo (Black)
      • 4.1.12.5
        DTF | 1.1.5 | Primary Logo (White)
        0000_TAG_ID_00_0 | 1.5 | Primary Logo (White)

       

       

      4.2 | DTF | Secondary Logos

      Apparel & Uniform Logos » Artboards  |  18-22

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      Add Symbol-N-Symbol

      • 4.2.12.1
        DTF | 1.2.1 | Secondary Logo (Dark)
        0000_TAG_ID_00_0 | 1.1 | Secondary Logo (Dark)
      • 4.2.12.2
        DTF | 1.2.2 | Secondary Logo (Light)
        0000_TAG_ID_00_0 | 1.2 | Secondary Logo (Light)
      • 4.2.12.3
        DTF | 1.2.3 | Secondary Logo (Alternate)
        0000_TAG_ID_00_0 | 1.3 | Secondary Logo (Alternate)
      • 4.2.12.4
        DTF | 1.2.4 | Secondary Logo (Black)
        0000_TAG_ID_00_0 | 1.4 | Secondary Logo (Black)
      • 4.2.12.5
        DTF | 1.2.5 | Secondary Logo (White)
        0000_TAG_ID_00_0 | 1.5 | Secondary Logo (White)

       

       

      4.3 | DTF | Alternate Logos

      Apparel & Uniform Logos » Artboards  |  28-32

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      ***IF THERE IS NO ALTERNATE LOGO, SKIP IT***

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      4.4 | DTF | Tagline Logos

      Apparel & Uniform Logos » Artboards  |  38-42

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      Add Symbol-N-Symbol

      • 4.4.12.1
        DTF | 1.4.1 | Tagline Logo (Dark)
        0000_TAG_ID_00_0 | 1.1 | Tagline Logo (Dark)
      • 4.4.12.2
        DTF | 1.4.2 | Tagline Logo (Light)
        0000_TAG_ID_00_0 | 1.2 | Tagline Logo (Light)
      • 4.4.12.3
        DTF | 1.4.3 | Tagline Logo (Alternate)
        0000_TAG_ID_00_0 | 1.3 | Tagline Logo (Alternate)
      • 4.4.12.4
        DTF | 1.4.4 | Tagline Logo (Black)
        0000_TAG_ID_00_0 | 1.4 | Tagline Logo (Black)
      • 4.4.12.5
        DTF | 1.4.5 | Tagline Logo (White)
        0000_TAG_ID_00_0 | 1.5 | Tagline Logo (White)

       

       

      4.5 | DTF | Mascot Logos

      Apparel & Uniform Logos » Artboards  |  48-52

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      Add Symbol-N-Symbol

      • 4.5.12.1
        DTF | 1.5.1 | Mascot Logo (Dark)
        0000_TAG_ID_00_0 | 1.1 | Mascot Logo (Dark)
      • 4.5.12.2
        DTF | 1.5.2 | Mascot Logo (Light)
        0000_TAG_ID_00_0 | 1.2 | Mascot Logo (Light)
      • 4.5.12.3
        DTF | 1.5.3 | Mascot Logo (Alternate)
        0000_TAG_ID_00_0 | 1.3 | Mascot Logo (Alternate)
      • 4.5.12.4
        DTF | 1.5.4 | Mascot Logo (Black)
        0000_TAG_ID_00_0 | 1.4 | Mascot Logo (Black)
      • 4.5.12.5
        DTF | 1.5.5 | Mascot Logo (White)
        0000_TAG_ID_00_0 | 1.5 | Mascot Logo (White)

       

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      CLIENT SHEET  |  HERO BANNERS  |  PATTERNS  |  DTF  |  EMB-PTF  |  SWAG

       

      5.0 | EMB | Apparel & Uniform Logos

      Simplified for Embroidery  |  860 px x 860 px

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      Creating the perfect embroidery file

      Learn about the most common issues with embroidery files and how to avoid them:

      Step 13:

      5.1 | EMB | Primary Logos

      Apparel & Uniform Logos » Artboards  |  13-17

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      SIMPLIFY THE COLORS. LESS COLORS MAKE FOR BETTER EMB FILES.

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      5.2 | EMB | Secondary Logos

      Apparel & Uniform Logos » Artboards  |  23-27

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      ***IF THE COLORS ARE SIMPLIFIED [NO ACTION] SKIP IT***

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      5.3 | EMB | Alternate Logos

      Apparel & Uniform Logos » Artboards  |  33-37

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      ***IF THERE IS NO ALTERNATE LOGO, SKIP IT***

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      5.4 | EMB | Tagline Logos

      Apparel & Uniform Logos » Artboards  |  43-47

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      ***IF THE COLORS ARE SIMPLIFIED [NO ACTION] SKIP IT***

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      5.5 | EMB | Mascot Logos

      Apparel & Uniform Logos » Artboards  |  53-57

      PRIMARY  |  SECONDARY  |  ALTERNATE  |  TAGLINE  |  MASCOT

      SIMPLIFY THE COLORS. LESS COLORS MAKE FOR BETTER EMB FILES.

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

       

      CLIENT SHEET  |  HERO BANNERS  |  PATTERNS  |  DTF  |  EMB  |  SWAG

      6.0 EMB-PTF — Hat & Visor Logos

      Simplified for Embroidery via Printful |  860 px x 860 px

      HAT  |  VISOR

      CREATING THE PERFECT EMBROIDERY FILE

      Learn about the most common issues with embroidery files and how to avoid them:

      Step 14:

      6.1 | Hat Logos

      EMB-PTF » Artboards  |  58-62  |  961.5802 px x 349.6655 px

      HAT  |  VISOR

      BLACK  |  CHARCOAL  |  HEATHER GRAY  |  CARDINAL  |  LODEN

       

      6.2 | Visor Logos

      EMB-PTF » Artboards  |  63-67  |  961.5802 px x 240.3951 px

      HAT  |  VISOR

      BLACK  |  NAVY  |  ROYAL  |  RED  |  WHITE

       

      1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15

       

      CLIENT SHEET  |  HERO BANNERS  |  PATTERNS  |  DTF  |  EMB  |  EMB-PTF

       

      7.0 | DTF — Additional Team Swag Logos

      Direct-to-Film  |  1500 px

      TSL-01  | TSL-02  |  TSL-03  |  TSL-04

       

      Step 15:

      7.1 | Team Swag Logos | 01

      DTF Swag » Artboards  |  68-72  |  432.9121 px H

      TSL-01  | TSL-02  |  TSL-03  |  TSL-04

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      7.2 | Team Swag Logos | 02

      DTF Swag » Artboards  |  73-77  |  685.5293 px H

      TSL-01  | TSL-02  |  TSL-03  |  TSL-04

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

       

      7.3 | Team Swag Logos | 03

      DTF Swag » Artboards  |  68-72  |  432.9121 px H

      TSL-01  | TSL-02  |  TSL-03  |  TSL-04

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE

      IF THE YEAR IS NOT PROVIDED IN THE HUBSPOT TICKET

      1. Check the Company Profile URL
      2. Search for the Program via a Search Engine
      3. Check the About to Team Page for the Established Year

       

       

       

      7.4 | Team Swag Logos | 04

      DTF Swag » Artboards  |  68-72  |  432.9121 px H

      TSL-01  | TSL-02  |  TSL-03  |  TSL-04

      DARK  |  LIGHT  |  ALTERNATE  |  BLACK  |  WHITE