{"id":19852,"date":"2026-08-02T10:21:46","date_gmt":"2026-08-02T10:21:46","guid":{"rendered":"https:\/\/wooter.com\/articles\/?p=19852"},"modified":"2026-08-07T08:06:27","modified_gmt":"2026-08-07T08:06:27","slug":"design-esports-jersey-online-builder","status":"publish","type":"post","link":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/","title":{"rendered":"Esports Jersey Builder: Design a Pro Team Jersey Online"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"19852\" class=\"elementor elementor-19852\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62cd4f29 e-con-full e-flex e-con e-parent\" data-id=\"62cd4f29\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-135356b4 elementor-widget elementor-widget-text-editor\" data-id=\"135356b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Your esports jersey should do more than display a logo.<\/span><\/p><p><span style=\"font-weight: 400;\">It should make your squad recognizable in a tournament lobby, on a livestream, in team photos, and across social media.<\/span><\/p><p><span style=\"font-weight: 400;\">But turning a gaming identity into wearable apparel can get complicated fast. Colors clash. Sponsor logos crowd the design. Gamer tags become unreadable. A jersey that looks sharp on a large screen disappears when viewed as a thumbnail.<\/span><\/p><p><span style=\"font-weight: 400;\">That is where an <\/span><b>esports jersey builder<\/b><span style=\"font-weight: 400;\"> changes the process.<\/span><\/p><p><span style=\"font-weight: 400;\">With the<\/span><a href=\"https:\/\/wooter.com\/apparel-builder\/apparel\"> <span style=\"font-weight: 400;\">Wooter Custom Apparel Builder<\/span><\/a><span style=\"font-weight: 400;\">, you can start with a customizable template, apply your team colors, upload your logo, and add individual names or gamer tags. Instead of explaining your idea through scattered messages, you can begin turning it into a visible jersey concept.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37c300ff elementor-widget elementor-widget-heading\" data-id=\"37c300ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Already have your team colors and logo?\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-214d070 elementor-widget elementor-widget-text-editor\" data-id=\"214d070\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Bring them together in the Wooter Builder and start shaping your esports jersey.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33caded elementor-align-center elementor-widget elementor-widget-button\" data-id=\"33caded\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wooter.com\/apparel-builder\/apparel\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start Designing Your Jersey<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cbe2ae8 elementor-widget elementor-widget-heading\" data-id=\"5cbe2ae8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Is an Esports Jersey Builder?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72f33a0c elementor-widget elementor-widget-text-editor\" data-id=\"72f33a0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">An esports jersey builder is an online customization tool that helps gaming teams create their own jersey design.<\/span><\/p><p><span style=\"font-weight: 400;\">You begin with a jersey style or template. From there, you can customize important elements such as:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Team colors<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Team logo<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Player gamer tags<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Numbers<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sponsor logos<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Design details<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">The Wooter Builder makes the jersey the starting point, not the final mystery.<\/span><\/p><p><span style=\"font-weight: 400;\">You can explore different directions before moving forward. That gives teams a clearer way to decide what looks right, what needs changing, and how the design supports their identity.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ca327c elementor-widget elementor-widget-heading\" data-id=\"6ca327c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Makes a Strong Esports Jersey Design?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a36075 elementor-widget elementor-widget-image\" data-id=\"7a36075\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/real-esports-team-custom-jerseys-wooter.webp-1024x576.png\" class=\"attachment-large size-large wp-image-19881\" alt=\"\" srcset=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/real-esports-team-custom-jerseys-wooter.webp-1024x576.png 1024w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/real-esports-team-custom-jerseys-wooter.webp-300x169.png 300w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/real-esports-team-custom-jerseys-wooter.webp-768x432.png 768w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/real-esports-team-custom-jerseys-wooter.webp-1536x864.png 1536w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/real-esports-team-custom-jerseys-wooter.webp-600x338.png 600w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/real-esports-team-custom-jerseys-wooter.webp.png 1672w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d53452f elementor-widget elementor-widget-text-editor\" data-id=\"1d53452f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A good esports jersey looks exciting.<\/span><\/p><p><span style=\"font-weight: 400;\">A great esports jersey stays recognizable everywhere.<\/span><\/p><p><span style=\"font-weight: 400;\">It should work when the player is:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Competing on stage<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sitting behind a gaming desk<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Appearing on a livestream<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Walking into an event<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Posting a roster announcement<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Taking team photographs<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Creating short-form video content<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Traditional sports uniforms are often viewed from a distance and in motion. Esports jerseys are frequently seen from the waist or chest upward.<\/span><\/p><p><span style=\"font-weight: 400;\">That changes the design priorities.<\/span><\/p><p><span style=\"font-weight: 400;\">The team logo, collar, shoulders, upper chest, sponsor marks, and gamer tags receive more attention. Every part of the jersey must earn its space.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-584df11f elementor-widget elementor-widget-heading\" data-id=\"584df11f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build Your Esports Jersey Brief First\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46f85c74 elementor-widget elementor-widget-text-editor\" data-id=\"46f85c74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Do not enter the Builder without a direction.<\/span><\/p><p><span style=\"font-weight: 400;\">A short creative brief prevents random colors, crowded logos, and endless revisions. It also helps everyone on the roster make decisions around the same identity.<\/span><\/p><p><span style=\"font-weight: 400;\">Complete these details before designing:<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a504be elementor-widget elementor-widget-html\" data-id=\"1a504be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  #ejb-brief {\r\n    --ejb-bg: #070b17;\r\n    --ejb-panel: #101728;\r\n    --ejb-panel-2: #151d31;\r\n    --ejb-border: rgba(255, 255, 255, 0.12);\r\n    --ejb-text: #f7f8fc;\r\n    --ejb-muted: #aeb7ca;\r\n    --ejb-purple: #8b5cf6;\r\n    --ejb-blue: #2583ff;\r\n    --ejb-coral: #ff5b5f;\r\n    --ejb-green: #31d49b;\r\n    --ejb-radius: 22px;\r\n    color: var(--ejb-text);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    max-width: 1180px;\r\n    margin: 40px auto;\r\n  }\r\n\r\n  #ejb-brief * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #ejb-brief .ejb-shell {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(22px, 4vw, 48px);\r\n    border: 1px solid var(--ejb-border);\r\n    border-radius: 28px;\r\n    background:\r\n      radial-gradient(circle at 85% 10%, rgba(37, 131, 255, 0.18), transparent 30%),\r\n      radial-gradient(circle at 10% 90%, rgba(139, 92, 246, 0.17), transparent 32%),\r\n      linear-gradient(145deg, #070b17, #0b1120 55%, #090e1a);\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);\r\n  }\r\n\r\n  #ejb-brief .ejb-shell::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: 0.22;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\r\n    background-size: 36px 36px;\r\n  }\r\n\r\n  #ejb-brief .ejb-content {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  #ejb-brief .ejb-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 14px;\r\n    color: #aa8bff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #ejb-brief .ejb-kicker::before {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 3px;\r\n    border-radius: 10px;\r\n    background: linear-gradient(90deg, var(--ejb-coral), var(--ejb-purple));\r\n  }\r\n\r\n  #ejb-brief h2 {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: #fff;\r\n    font-size: clamp(32px, 5vw, 58px);\r\n    line-height: 0.98;\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  #ejb-brief .ejb-intro {\r\n    max-width: 750px;\r\n    margin: 18px 0 26px;\r\n    color: var(--ejb-muted);\r\n    font-size: 17px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  #ejb-brief .ejb-save-note {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 24px;\r\n    padding: 9px 13px;\r\n    border: 1px solid rgba(49, 212, 155, 0.25);\r\n    border-radius: 50px;\r\n    color: #b9f7df;\r\n    background: rgba(49, 212, 155, 0.08);\r\n    font-size: 13px;\r\n  }\r\n\r\n  #ejb-brief .ejb-save-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--ejb-green);\r\n    box-shadow: 0 0 12px rgba(49, 212, 155, 0.8);\r\n  }\r\n\r\n  #ejb-brief .ejb-progress-wrap {\r\n    margin-bottom: 28px;\r\n    padding: 18px;\r\n    border: 1px solid var(--ejb-border);\r\n    border-radius: 16px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    backdrop-filter: blur(12px);\r\n  }\r\n\r\n  #ejb-brief .ejb-progress-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    margin-bottom: 10px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #ejb-brief .ejb-progress-info span:last-child {\r\n    color: #a78bfa;\r\n  }\r\n\r\n  #ejb-brief .ejb-progress-track {\r\n    height: 10px;\r\n    overflow: hidden;\r\n    border-radius: 20px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  #ejb-brief .ejb-progress-bar {\r\n    width: 0;\r\n    height: 100%;\r\n    border-radius: inherit;\r\n    background: linear-gradient(\r\n      90deg,\r\n      var(--ejb-coral),\r\n      var(--ejb-purple),\r\n      var(--ejb-blue)\r\n    );\r\n    box-shadow: 0 0 20px rgba(139, 92, 246, 0.55);\r\n    transition: width 0.35s ease;\r\n  }\r\n\r\n  #ejb-brief .ejb-grid {\r\n    display: grid;\r\n    gap: 20px;\r\n  }\r\n\r\n  #ejb-brief .ejb-section {\r\n    padding: clamp(20px, 3vw, 30px);\r\n    border: 1px solid var(--ejb-border);\r\n    border-radius: var(--ejb-radius);\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(255,255,255,.065),\r\n        rgba(255,255,255,.025)\r\n      );\r\n    backdrop-filter: blur(12px);\r\n    transition: border-color 0.25s ease, transform 0.25s ease;\r\n  }\r\n\r\n  #ejb-brief .ejb-section:focus-within {\r\n    border-color: rgba(139, 92, 246, 0.65);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #ejb-brief .ejb-section-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  #ejb-brief .ejb-step-number {\r\n    display: grid;\r\n    width: 38px;\r\n    height: 38px;\r\n    place-items: center;\r\n    flex: 0 0 38px;\r\n    border-radius: 12px;\r\n    color: #fff;\r\n    background: linear-gradient(135deg, var(--ejb-purple), var(--ejb-blue));\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    box-shadow: 0 8px 22px rgba(83, 90, 255, 0.3);\r\n  }\r\n\r\n  #ejb-brief .ejb-section h3 {\r\n    margin: 0;\r\n    color: #fff;\r\n    font-size: 22px;\r\n  }\r\n\r\n  #ejb-brief .ejb-fields {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  #ejb-brief .ejb-field-full {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  #ejb-brief label,\r\n  #ejb-brief legend {\r\n    display: block;\r\n    margin: 0 0 8px;\r\n    color: #e9ecf5;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #ejb-brief fieldset {\r\n    min-width: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n  }\r\n\r\n  #ejb-brief input[type=\"text\"],\r\n  #ejb-brief input[type=\"number\"],\r\n  #ejb-brief input[type=\"date\"],\r\n  #ejb-brief select,\r\n  #ejb-brief textarea {\r\n    width: 100%;\r\n    min-height: 49px;\r\n    padding: 13px 14px;\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    border-radius: 12px;\r\n    outline: none;\r\n    color: #fff;\r\n    background: rgba(5, 9, 18, 0.72);\r\n    font: inherit;\r\n    transition: border-color .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #ejb-brief textarea {\r\n    min-height: 120px;\r\n    resize: vertical;\r\n  }\r\n\r\n  #ejb-brief input:focus,\r\n  #ejb-brief select:focus,\r\n  #ejb-brief textarea:focus {\r\n    border-color: var(--ejb-purple);\r\n    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.16);\r\n  }\r\n\r\n  #ejb-brief select option {\r\n    color: #111;\r\n    background: #fff;\r\n  }\r\n\r\n  #ejb-brief input[type=\"color\"] {\r\n    width: 100%;\r\n    height: 49px;\r\n    padding: 5px;\r\n    cursor: pointer;\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    border-radius: 12px;\r\n    background: rgba(5, 9, 18, 0.72);\r\n  }\r\n\r\n  #ejb-brief .ejb-color-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  #ejb-brief .ejb-options {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 11px;\r\n  }\r\n\r\n  #ejb-brief .ejb-option {\r\n    position: relative;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #ejb-brief .ejb-option input {\r\n    position: absolute;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #ejb-brief .ejb-option span {\r\n    display: flex;\r\n    min-height: 48px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px 12px;\r\n    border: 1px solid rgba(255,255,255,.13);\r\n    border-radius: 12px;\r\n    color: #cfd5e3;\r\n    background: rgba(5, 9, 18, 0.55);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    transition: .2s ease;\r\n  }\r\n\r\n  #ejb-brief .ejb-option input:checked + span {\r\n    border-color: var(--ejb-purple);\r\n    color: #fff;\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(139,92,246,.24),\r\n      rgba(37,131,255,.16)\r\n    );\r\n    box-shadow: inset 0 0 0 1px rgba(139,92,246,.2);\r\n  }\r\n\r\n  #ejb-brief .ejb-option input:focus-visible + span {\r\n    outline: 2px solid #fff;\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  #ejb-brief .ejb-summary {\r\n    display: none;\r\n    margin-top: 24px;\r\n    padding: clamp(20px, 3vw, 30px);\r\n    border: 1px solid rgba(139, 92, 246, 0.36);\r\n    border-radius: var(--ejb-radius);\r\n    background:\r\n      linear-gradient(\r\n        145deg,\r\n        rgba(139,92,246,.13),\r\n        rgba(37,131,255,.07)\r\n      );\r\n  }\r\n\r\n  #ejb-brief .ejb-summary.ejb-visible {\r\n    display: block;\r\n  }\r\n\r\n  #ejb-brief .ejb-summary h3 {\r\n    margin: 0 0 14px;\r\n    color: #fff;\r\n    font-size: 25px;\r\n  }\r\n\r\n  #ejb-brief .ejb-summary pre {\r\n    max-height: 420px;\r\n    overflow: auto;\r\n    margin: 0;\r\n    padding: 18px;\r\n    border: 1px solid var(--ejb-border);\r\n    border-radius: 14px;\r\n    color: #dce3f2;\r\n    background: rgba(3, 6, 13, 0.62);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    white-space: pre-wrap;\r\n  }\r\n\r\n  #ejb-brief .ejb-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  #ejb-brief .ejb-button {\r\n    display: inline-flex;\r\n    min-height: 48px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 13px 19px;\r\n    cursor: pointer;\r\n    border: 1px solid transparent;\r\n    border-radius: 12px;\r\n    color: #fff;\r\n    font: inherit;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n  }\r\n\r\n  #ejb-brief .ejb-button:hover {\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #ejb-brief .ejb-primary {\r\n    background: linear-gradient(135deg, var(--ejb-purple), var(--ejb-blue));\r\n    box-shadow: 0 12px 30px rgba(72, 92, 255, 0.28);\r\n  }\r\n\r\n  #ejb-brief .ejb-secondary {\r\n    border-color: var(--ejb-border);\r\n    background: rgba(255,255,255,.07);\r\n  }\r\n\r\n  #ejb-brief .ejb-danger {\r\n    border-color: rgba(255,91,95,.35);\r\n    color: #ffb1b3;\r\n    background: rgba(255,91,95,.08);\r\n  }\r\n\r\n  #ejb-brief .ejb-builder {\r\n    margin-left: auto;\r\n    background: linear-gradient(135deg, #ff5b5f, #fa3137);\r\n    box-shadow: 0 12px 30px rgba(255, 65, 70, 0.25);\r\n  }\r\n\r\n  #ejb-brief .ejb-toast {\r\n    position: fixed;\r\n    right: 22px;\r\n    bottom: 22px;\r\n    z-index: 99999;\r\n    max-width: 320px;\r\n    padding: 13px 17px;\r\n    border: 1px solid rgba(49,212,155,.32);\r\n    border-radius: 12px;\r\n    color: #eafff7;\r\n    background: rgba(10, 25, 24, 0.96);\r\n    box-shadow: 0 16px 40px rgba(0,0,0,.35);\r\n    opacity: 0;\r\n    transform: translateY(15px);\r\n    pointer-events: none;\r\n    transition: .25s ease;\r\n  }\r\n\r\n  #ejb-brief .ejb-toast.ejb-show {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  #ejb-brief .ejb-privacy {\r\n    margin: 14px 0 0;\r\n    color: #818ca2;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  @media (max-width: 760px) {\r\n    #ejb-brief {\r\n      margin: 25px auto;\r\n    }\r\n\r\n    #ejb-brief .ejb-fields,\r\n    #ejb-brief .ejb-color-grid,\r\n    #ejb-brief .ejb-options {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    #ejb-brief .ejb-builder {\r\n      width: 100%;\r\n      margin-left: 0;\r\n    }\r\n\r\n    #ejb-brief .ejb-button {\r\n      flex: 1 1 145px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #ejb-brief *,\r\n    #ejb-brief *::before,\r\n    #ejb-brief *::after {\r\n      scroll-behavior: auto !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"ejb-brief\" aria-labelledby=\"ejb-title\">\r\n  <div class=\"ejb-shell\">\r\n    <div class=\"ejb-content\">\r\n      <div class=\"ejb-kicker\">Interactive Planning Tool<\/div>\r\n\r\n      <h2 id=\"ejb-title\">Build Your Esports Jersey Brief<\/h2>\r\n\r\n      <p class=\"ejb-intro\">\r\n        Turn your ideas into a clear jersey plan. Complete the brief now or\r\n        return later to finish it before opening the Wooter Builder.\r\n      <\/p>\r\n\r\n      <div class=\"ejb-save-note\">\r\n        <span class=\"ejb-save-dot\"><\/span>\r\n        <span id=\"ejb-save-status\">Your progress saves automatically on this device.<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ejb-progress-wrap\">\r\n        <div class=\"ejb-progress-info\">\r\n          <span>Brief completion<\/span>\r\n          <span id=\"ejb-progress-text\">0% complete<\/span>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"ejb-progress-track\"\r\n          role=\"progressbar\"\r\n          aria-label=\"Brief completion\"\r\n          aria-valuemin=\"0\"\r\n          aria-valuemax=\"100\"\r\n          aria-valuenow=\"0\"\r\n        >\r\n          <div class=\"ejb-progress-bar\" id=\"ejb-progress-bar\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <form id=\"ejb-form\" autocomplete=\"on\">\r\n        <div class=\"ejb-grid\">\r\n\r\n          <!-- Section 1 -->\r\n          <section class=\"ejb-section\">\r\n            <div class=\"ejb-section-heading\">\r\n              <span class=\"ejb-step-number\">01<\/span>\r\n              <h3>Team Basics<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"ejb-fields\">\r\n              <div>\r\n                <label for=\"ejb-team-name\">Team name<\/label>\r\n                <input\r\n                  id=\"ejb-team-name\"\r\n                  name=\"teamName\"\r\n                  type=\"text\"\r\n                  placeholder=\"Example: Nova Titans\"\r\n                  data-progress\r\n                >\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-game\">Game or esport<\/label>\r\n                <input\r\n                  id=\"ejb-game\"\r\n                  name=\"game\"\r\n                  type=\"text\"\r\n                  placeholder=\"Example: League of Legends\"\r\n                  data-progress\r\n                >\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-player-count\">Number of players<\/label>\r\n                <input\r\n                  id=\"ejb-player-count\"\r\n                  name=\"playerCount\"\r\n                  type=\"number\"\r\n                  min=\"1\"\r\n                  max=\"500\"\r\n                  placeholder=\"Example: 8\"\r\n                  data-progress\r\n                >\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-date\">Target order date<\/label>\r\n                <input\r\n                  id=\"ejb-date\"\r\n                  name=\"targetDate\"\r\n                  type=\"date\"\r\n                  data-progress\r\n                >\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Section 2 -->\r\n          <section class=\"ejb-section\">\r\n            <div class=\"ejb-section-heading\">\r\n              <span class=\"ejb-step-number\">02<\/span>\r\n              <h3>Visual Direction<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"ejb-fields\">\r\n              <div class=\"ejb-field-full\">\r\n                <label>Team color system<\/label>\r\n\r\n                <div class=\"ejb-color-grid\">\r\n                  <div>\r\n                    <label for=\"ejb-primary-color\">Primary color<\/label>\r\n                    <input\r\n                      id=\"ejb-primary-color\"\r\n                      name=\"primaryColor\"\r\n                      type=\"color\"\r\n                      value=\"#151c34\"\r\n                      data-progress\r\n                    >\r\n                  <\/div>\r\n\r\n                  <div>\r\n                    <label for=\"ejb-secondary-color\">Secondary color<\/label>\r\n                    <input\r\n                      id=\"ejb-secondary-color\"\r\n                      name=\"secondaryColor\"\r\n                      type=\"color\"\r\n                      value=\"#6d45d8\"\r\n                      data-progress\r\n                    >\r\n                  <\/div>\r\n\r\n                  <div>\r\n                    <label for=\"ejb-accent-color\">Accent color<\/label>\r\n                    <input\r\n                      id=\"ejb-accent-color\"\r\n                      name=\"accentColor\"\r\n                      type=\"color\"\r\n                      value=\"#ffffff\"\r\n                      data-progress\r\n                    >\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ejb-field-full\">\r\n                <fieldset>\r\n                  <legend>Preferred design style<\/legend>\r\n\r\n                  <div class=\"ejb-options\">\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"designStyle\"\r\n                        value=\"Clean and minimal\"\r\n                        data-progress\r\n                      >\r\n                      <span>Clean &amp; Minimal<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"designStyle\"\r\n                        value=\"Bold and competitive\"\r\n                        data-progress\r\n                      >\r\n                      <span>Bold &amp; Competitive<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"designStyle\"\r\n                        value=\"Futuristic\"\r\n                        data-progress\r\n                      >\r\n                      <span>Futuristic<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"designStyle\"\r\n                        value=\"Classic teamwear\"\r\n                        data-progress\r\n                      >\r\n                      <span>Classic Teamwear<\/span>\r\n                    <\/label>\r\n                  <\/div>\r\n                <\/fieldset>\r\n              <\/div>\r\n\r\n              <div class=\"ejb-field-full\">\r\n                <fieldset>\r\n                  <legend>Logo status<\/legend>\r\n\r\n                  <div class=\"ejb-options\">\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"logoStatus\"\r\n                        value=\"Logo is ready\"\r\n                        data-progress\r\n                      >\r\n                      <span>Logo Is Ready<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"logoStatus\"\r\n                        value=\"Logo needs improvement\"\r\n                        data-progress\r\n                      >\r\n                      <span>Needs Improvement<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"logoStatus\"\r\n                        value=\"Need a new logo\"\r\n                        data-progress\r\n                      >\r\n                      <span>Need a New Logo<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"radio\"\r\n                        name=\"logoStatus\"\r\n                        value=\"Not sure yet\"\r\n                        data-progress\r\n                      >\r\n                      <span>Not Sure Yet<\/span>\r\n                    <\/label>\r\n                  <\/div>\r\n                <\/fieldset>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Section 3 -->\r\n          <section class=\"ejb-section\">\r\n            <div class=\"ejb-section-heading\">\r\n              <span class=\"ejb-step-number\">03<\/span>\r\n              <h3>Jersey Personalization<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"ejb-fields\">\r\n              <div class=\"ejb-field-full\">\r\n                <fieldset>\r\n                  <legend>Select everything your team needs<\/legend>\r\n\r\n                  <div class=\"ejb-options\">\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        name=\"personalization\"\r\n                        value=\"Team name\"\r\n                      >\r\n                      <span>Team Name<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        name=\"personalization\"\r\n                        value=\"Player names\"\r\n                      >\r\n                      <span>Player Names<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        name=\"personalization\"\r\n                        value=\"Player numbers\"\r\n                      >\r\n                      <span>Player Numbers<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        name=\"personalization\"\r\n                        value=\"Sponsor logos\"\r\n                      >\r\n                      <span>Sponsor Logos<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        name=\"personalization\"\r\n                        value=\"Front customization\"\r\n                      >\r\n                      <span>Front Customization<\/span>\r\n                    <\/label>\r\n\r\n                    <label class=\"ejb-option\">\r\n                      <input\r\n                        type=\"checkbox\"\r\n                        name=\"personalization\"\r\n                        value=\"Back customization\"\r\n                      >\r\n                      <span>Back Customization<\/span>\r\n                    <\/label>\r\n                  <\/div>\r\n                <\/fieldset>\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-font-style\">Typography direction<\/label>\r\n                <select id=\"ejb-font-style\" name=\"fontStyle\" data-progress>\r\n                  <option value=\"\">Choose a direction<\/option>\r\n                  <option>Bold athletic<\/option>\r\n                  <option>Modern geometric<\/option>\r\n                  <option>Futuristic esports<\/option>\r\n                  <option>Classic collegiate<\/option>\r\n                  <option>Not sure yet<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-sponsor-count\">Number of sponsor logos<\/label>\r\n                <input\r\n                  id=\"ejb-sponsor-count\"\r\n                  name=\"sponsorCount\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  max=\"30\"\r\n                  placeholder=\"Enter 0 if none\"\r\n                >\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <!-- Section 4 -->\r\n          <section class=\"ejb-section\">\r\n            <div class=\"ejb-section-heading\">\r\n              <span class=\"ejb-step-number\">04<\/span>\r\n              <h3>Order Preparation<\/h3>\r\n            <\/div>\r\n\r\n            <div class=\"ejb-fields\">\r\n              <div>\r\n                <label for=\"ejb-size-range\">Required sizing range<\/label>\r\n                <select id=\"ejb-size-range\" name=\"sizeRange\" data-progress>\r\n                  <option value=\"\">Select the sizing range<\/option>\r\n                  <option>Youth sizes<\/option>\r\n                  <option>Men's sizes<\/option>\r\n                  <option>Women's sizes<\/option>\r\n                  <option>Mixed youth and adult sizes<\/option>\r\n                  <option>Mixed men's and women's sizes<\/option>\r\n                  <option>Full mixed-size roster<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-quantity\">Estimated order quantity<\/label>\r\n                <input\r\n                  id=\"ejb-quantity\"\r\n                  name=\"quantity\"\r\n                  type=\"number\"\r\n                  min=\"1\"\r\n                  max=\"1000\"\r\n                  placeholder=\"Example: 12\"\r\n                  data-progress\r\n                >\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-deadline\">When are the jerseys needed?<\/label>\r\n                <input\r\n                  id=\"ejb-deadline\"\r\n                  name=\"neededDate\"\r\n                  type=\"date\"\r\n                  data-progress\r\n                >\r\n              <\/div>\r\n\r\n              <div>\r\n                <label for=\"ejb-order-stage\">Current planning stage<\/label>\r\n                <select id=\"ejb-order-stage\" name=\"planningStage\" data-progress>\r\n                  <option value=\"\">Choose a stage<\/option>\r\n                  <option>Collecting ideas<\/option>\r\n                  <option>Comparing jersey options<\/option>\r\n                  <option>Design direction confirmed<\/option>\r\n                  <option>Roster being finalized<\/option>\r\n                  <option>Ready to start designing<\/option>\r\n                <\/select>\r\n              <\/div>\r\n\r\n              <div class=\"ejb-field-full\">\r\n                <label for=\"ejb-notes\">Design notes or special requests<\/label>\r\n                <textarea\r\n                  id=\"ejb-notes\"\r\n                  name=\"notes\"\r\n                  placeholder=\"Describe patterns, references, logo placement, colors to avoid or other important requirements.\"\r\n                ><\/textarea>\r\n              <\/div>\r\n            <\/div>\r\n          <\/section>\r\n        <\/div>\r\n\r\n        <div class=\"ejb-actions\">\r\n          <button class=\"ejb-button ejb-primary\" type=\"button\" id=\"ejb-generate\">\r\n            Generate My Brief\r\n          <\/button>\r\n\r\n          <button class=\"ejb-button ejb-secondary\" type=\"button\" id=\"ejb-copy\">\r\n            Copy Brief\r\n          <\/button>\r\n\r\n          <button class=\"ejb-button ejb-secondary\" type=\"button\" id=\"ejb-download\">\r\n            Download Brief\r\n          <\/button>\r\n\r\n          <button class=\"ejb-button ejb-danger\" type=\"button\" id=\"ejb-reset\">\r\n            Clear\r\n          <\/button>\r\n\r\n          <a\r\n            class=\"ejb-button ejb-builder\"\r\n            href=\"https:\/\/wooter.com\/apparel-builder\/apparel\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            Open the Wooter Builder \u2192\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <p class=\"ejb-privacy\">\r\n          Your answers are stored only in this browser. They are not submitted\r\n          to Wooter or saved to an online account.\r\n        <\/p>\r\n      <\/form>\r\n\r\n      <div class=\"ejb-summary\" id=\"ejb-summary\">\r\n        <h3>Your Esports Jersey Brief<\/h3>\r\n        <pre id=\"ejb-summary-content\"><\/pre>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ejb-toast\" id=\"ejb-toast\" role=\"status\" aria-live=\"polite\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  const STORAGE_KEY = \"wooterEsportsJerseyBriefV1\";\r\n  const form = document.getElementById(\"ejb-form\");\r\n  const progressBar = document.getElementById(\"ejb-progress-bar\");\r\n  const progressText = document.getElementById(\"ejb-progress-text\");\r\n  const progressTrack = document.querySelector(\"#ejb-brief .ejb-progress-track\");\r\n  const saveStatus = document.getElementById(\"ejb-save-status\");\r\n  const summary = document.getElementById(\"ejb-summary\");\r\n  const summaryContent = document.getElementById(\"ejb-summary-content\");\r\n  const toast = document.getElementById(\"ejb-toast\");\r\n\r\n  const generateButton = document.getElementById(\"ejb-generate\");\r\n  const copyButton = document.getElementById(\"ejb-copy\");\r\n  const downloadButton = document.getElementById(\"ejb-download\");\r\n  const resetButton = document.getElementById(\"ejb-reset\");\r\n\r\n  let saveTimer;\r\n  let toastTimer;\r\n\r\n  function showToast(message) {\r\n    toast.textContent = message;\r\n    toast.classList.add(\"ejb-show\");\r\n\r\n    clearTimeout(toastTimer);\r\n    toastTimer = setTimeout(function () {\r\n      toast.classList.remove(\"ejb-show\");\r\n    }, 2600);\r\n  }\r\n\r\n  function getFormData() {\r\n    const data = {};\r\n\r\n    form.querySelectorAll(\"input, select, textarea\").forEach(function (field) {\r\n      if (!field.name) return;\r\n\r\n      if (field.type === \"checkbox\") {\r\n        if (!Array.isArray(data[field.name])) {\r\n          data[field.name] = [];\r\n        }\r\n\r\n        if (field.checked) {\r\n          data[field.name].push(field.value);\r\n        }\r\n      } else if (field.type === \"radio\") {\r\n        if (field.checked) {\r\n          data[field.name] = field.value;\r\n        } else if (!(field.name in data)) {\r\n          data[field.name] = \"\";\r\n        }\r\n      } else {\r\n        data[field.name] = field.value;\r\n      }\r\n    });\r\n\r\n    return data;\r\n  }\r\n\r\n  function restoreFormData(data) {\r\n    if (!data || typeof data !== \"object\") return;\r\n\r\n    form.querySelectorAll(\"input, select, textarea\").forEach(function (field) {\r\n      if (!field.name || !(field.name in data)) return;\r\n\r\n      if (field.type === \"checkbox\") {\r\n        const selected = Array.isArray(data[field.name])\r\n          ? data[field.name]\r\n          : [];\r\n\r\n        field.checked = selected.includes(field.value);\r\n      } else if (field.type === \"radio\") {\r\n        field.checked = data[field.name] === field.value;\r\n      } else {\r\n        field.value = data[field.name];\r\n      }\r\n    });\r\n  }\r\n\r\n  function saveProgress() {\r\n    try {\r\n      const data = getFormData();\r\n      localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\r\n\r\n      saveStatus.textContent = \"Progress saved on this device.\";\r\n      clearTimeout(saveTimer);\r\n\r\n      saveTimer = setTimeout(function () {\r\n        saveStatus.textContent =\r\n          \"Your progress saves automatically on this device.\";\r\n      }, 1800);\r\n    } catch (error) {\r\n      saveStatus.textContent =\r\n        \"Automatic saving is unavailable in this browser.\";\r\n    }\r\n  }\r\n\r\n  function loadProgress() {\r\n    try {\r\n      const savedData = localStorage.getItem(STORAGE_KEY);\r\n\r\n      if (savedData) {\r\n        restoreFormData(JSON.parse(savedData));\r\n        saveStatus.textContent = \"Your saved brief has been restored.\";\r\n      }\r\n    } catch (error) {\r\n      saveStatus.textContent =\r\n        \"Your saved brief could not be restored.\";\r\n    }\r\n  }\r\n\r\n  function updateProgress() {\r\n    const progressFields = Array.from(\r\n      form.querySelectorAll(\"[data-progress]\")\r\n    );\r\n\r\n    const fieldGroups = {};\r\n    let completed = 0;\r\n    let total = 0;\r\n\r\n    progressFields.forEach(function (field) {\r\n      if (field.type === \"radio\") {\r\n        if (!fieldGroups[field.name]) {\r\n          fieldGroups[field.name] = [];\r\n        }\r\n\r\n        fieldGroups[field.name].push(field);\r\n      } else {\r\n        total += 1;\r\n\r\n        if (String(field.value || \"\").trim() !== \"\") {\r\n          completed += 1;\r\n        }\r\n      }\r\n    });\r\n\r\n    Object.keys(fieldGroups).forEach(function (groupName) {\r\n      total += 1;\r\n\r\n      if (fieldGroups[groupName].some(function (field) {\r\n        return field.checked;\r\n      })) {\r\n        completed += 1;\r\n      }\r\n    });\r\n\r\n    const percentage = total\r\n      ? Math.round((completed \/ total) * 100)\r\n      : 0;\r\n\r\n    progressBar.style.width = percentage + \"%\";\r\n    progressText.textContent = percentage + \"% complete\";\r\n    progressTrack.setAttribute(\"aria-valuenow\", percentage);\r\n  }\r\n\r\n  function clean(value, fallback) {\r\n    if (Array.isArray(value)) {\r\n      return value.length ? value.join(\", \") : fallback;\r\n    }\r\n\r\n    return String(value || \"\").trim() || fallback;\r\n  }\r\n\r\n  function formatDate(value) {\r\n    if (!value) return \"Not selected\";\r\n\r\n    const date = new Date(value + \"T00:00:00\");\r\n\r\n    if (Number.isNaN(date.getTime())) {\r\n      return value;\r\n    }\r\n\r\n    return date.toLocaleDateString(undefined, {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\"\r\n    });\r\n  }\r\n\r\n  function buildBrief() {\r\n    const data = getFormData();\r\n\r\n    return [\r\n      \"ESPORTS JERSEY DESIGN BRIEF\",\r\n      \"============================\",\r\n      \"\",\r\n      \"TEAM BASICS\",\r\n      \"Team name: \" + clean(data.teamName, \"Not added\"),\r\n      \"Game or esport: \" + clean(data.game, \"Not added\"),\r\n      \"Number of players: \" + clean(data.playerCount, \"Not added\"),\r\n      \"Target order date: \" + formatDate(data.targetDate),\r\n      \"\",\r\n      \"VISUAL DIRECTION\",\r\n      \"Primary color: \" + clean(data.primaryColor, \"Not selected\"),\r\n      \"Secondary color: \" + clean(data.secondaryColor, \"Not selected\"),\r\n      \"Accent color: \" + clean(data.accentColor, \"Not selected\"),\r\n      \"Design style: \" + clean(data.designStyle, \"Not selected\"),\r\n      \"Logo status: \" + clean(data.logoStatus, \"Not selected\"),\r\n      \"\",\r\n      \"PERSONALIZATION\",\r\n      \"Required details: \" +\r\n        clean(data.personalization, \"None selected\"),\r\n      \"Typography direction: \" +\r\n        clean(data.fontStyle, \"Not selected\"),\r\n      \"Sponsor logos: \" +\r\n        clean(data.sponsorCount, \"Not specified\"),\r\n      \"\",\r\n      \"ORDER PREPARATION\",\r\n      \"Sizing range: \" + clean(data.sizeRange, \"Not selected\"),\r\n      \"Estimated quantity: \" + clean(data.quantity, \"Not added\"),\r\n      \"Jerseys needed by: \" + formatDate(data.neededDate),\r\n      \"Planning stage: \" +\r\n        clean(data.planningStage, \"Not selected\"),\r\n      \"\",\r\n      \"ADDITIONAL NOTES\",\r\n      clean(data.notes, \"No additional notes\"),\r\n      \"\",\r\n      \"NEXT STEP\",\r\n      \"Open the Wooter Builder and begin creating the jersey:\",\r\n      \"https:\/\/wooter.com\/apparel-builder\/apparel\"\r\n    ].join(\"\\n\");\r\n  }\r\n\r\n  function displayBrief(scrollToSummary) {\r\n    summaryContent.textContent = buildBrief();\r\n    summary.classList.add(\"ejb-visible\");\r\n\r\n    if (scrollToSummary) {\r\n      summary.scrollIntoView({\r\n        behavior: \"smooth\",\r\n        block: \"start\"\r\n      });\r\n    }\r\n  }\r\n\r\n  async function copyBrief() {\r\n    const text = buildBrief();\r\n\r\n    try {\r\n      await navigator.clipboard.writeText(text);\r\n      displayBrief(false);\r\n      showToast(\"Your jersey brief has been copied.\");\r\n    } catch (error) {\r\n      const helper = document.createElement(\"textarea\");\r\n      helper.value = text;\r\n      helper.style.position = \"fixed\";\r\n      helper.style.opacity = \"0\";\r\n      document.body.appendChild(helper);\r\n      helper.select();\r\n      document.execCommand(\"copy\");\r\n      helper.remove();\r\n\r\n      displayBrief(false);\r\n      showToast(\"Your jersey brief has been copied.\");\r\n    }\r\n  }\r\n\r\n  function downloadBrief() {\r\n    const data = getFormData();\r\n    const safeName = clean(data.teamName, \"esports-team\")\r\n      .toLowerCase()\r\n      .replace(\/[^a-z0-9]+\/g, \"-\")\r\n      .replace(\/^-|-$\/g, \"\");\r\n\r\n    const file = new Blob([buildBrief()], {\r\n      type: \"text\/plain;charset=utf-8\"\r\n    });\r\n\r\n    const link = document.createElement(\"a\");\r\n    link.href = URL.createObjectURL(file);\r\n    link.download = (safeName || \"esports-team\") + \"-jersey-brief.txt\";\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    link.remove();\r\n\r\n    setTimeout(function () {\r\n      URL.revokeObjectURL(link.href);\r\n    }, 1000);\r\n\r\n    displayBrief(false);\r\n    showToast(\"Your jersey brief has been downloaded.\");\r\n  }\r\n\r\n  function resetBrief() {\r\n    const confirmed = window.confirm(\r\n      \"Clear the complete jersey brief and remove the saved progress?\"\r\n    );\r\n\r\n    if (!confirmed) return;\r\n\r\n    form.reset();\r\n\r\n    document.getElementById(\"ejb-primary-color\").value = \"#151c34\";\r\n    document.getElementById(\"ejb-secondary-color\").value = \"#6d45d8\";\r\n    document.getElementById(\"ejb-accent-color\").value = \"#ffffff\";\r\n\r\n    try {\r\n      localStorage.removeItem(STORAGE_KEY);\r\n    } catch (error) {}\r\n\r\n    summary.classList.remove(\"ejb-visible\");\r\n    summaryContent.textContent = \"\";\r\n\r\n    updateProgress();\r\n\r\n    saveStatus.textContent =\r\n      \"Your progress saves automatically on this device.\";\r\n\r\n    showToast(\"The brief has been cleared.\");\r\n  }\r\n\r\n  form.addEventListener(\"input\", function () {\r\n    saveProgress();\r\n    updateProgress();\r\n  });\r\n\r\n  form.addEventListener(\"change\", function () {\r\n    saveProgress();\r\n    updateProgress();\r\n  });\r\n\r\n  generateButton.addEventListener(\"click\", function () {\r\n    saveProgress();\r\n    updateProgress();\r\n    displayBrief(true);\r\n    showToast(\"Your jersey brief is ready.\");\r\n  });\r\n\r\n  copyButton.addEventListener(\"click\", copyBrief);\r\n  downloadButton.addEventListener(\"click\", downloadBrief);\r\n  resetButton.addEventListener(\"click\", resetBrief);\r\n\r\n  loadProgress();\r\n  updateProgress();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f760773 elementor-widget elementor-widget-text-editor\" data-id=\"7f760773\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Keep the brief focused.<\/span><\/p><p><span style=\"font-weight: 400;\">Three strong colors usually create a more controlled identity than six competing colors. One dominant visual direction is also more memorable than several unrelated effects.<\/span><\/p><p><span style=\"font-weight: 400;\">Once the brief is ready, the Builder becomes the creative arena.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14662d0c elementor-widget elementor-widget-heading\" data-id=\"14662d0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Design an Esports Jersey With the Wooter Builder?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ac63cd4 elementor-widget elementor-widget-heading\" data-id=\"7ac63cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Choose the Right Jersey Style\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c14b16 elementor-widget elementor-widget-image\" data-id=\"0c14b16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/choose-custom-esports-jersey-wooter-builder.webp-1024x576.png\" class=\"attachment-large size-large wp-image-19877\" alt=\"Selecting a custom esports jersey from the Wooter Apparel Builder\" srcset=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/choose-custom-esports-jersey-wooter-builder.webp-1024x576.png 1024w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/choose-custom-esports-jersey-wooter-builder.webp-300x169.png 300w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/choose-custom-esports-jersey-wooter-builder.webp-768x432.png 768w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/choose-custom-esports-jersey-wooter-builder.webp-1536x864.png 1536w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/choose-custom-esports-jersey-wooter-builder.webp-600x338.png 600w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/choose-custom-esports-jersey-wooter-builder.webp.png 1672w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75b1559d elementor-widget elementor-widget-text-editor\" data-id=\"75b1559d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Start with the garment your players will actually want to wear.<\/span><\/p><p><span style=\"font-weight: 400;\">A<\/span><a href=\"https:\/\/wooter.com\/products\/crew-neck-t-shirts-esports\"> <span style=\"font-weight: 400;\">short-sleeve esports jersey<\/span><\/a><span style=\"font-weight: 400;\"> creates a classic competitive look. It works well for tournaments, team photos, streams, and gaming events.<\/span><\/p><p><span style=\"font-weight: 400;\">A<\/span><a href=\"https:\/\/wooter.com\/products\/long-sleeved-crew-neck-t-shirts-esports\/746\/01-plain\" data-wplink-edit=\"true\"> <span style=\"font-weight: 400;\">long-sleeve esports jersey<\/span><\/a><span style=\"font-weight: 400;\"> creates more visual space and can produce a stronger stage presence. The sleeves can also support secondary design elements.<\/span><\/p><p><span style=\"font-weight: 400;\">Think beyond appearance.<\/span><\/p><p><span style=\"font-weight: 400;\">Consider the environment, how long players will wear the jersey, and whether it needs to work under stage lights, during travel, or across extended gaming sessions.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c1b452 elementor-widget elementor-widget-heading\" data-id=\"2c1b452\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Pick a Template With a Clear Visual Direction\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6114ee elementor-widget elementor-widget-text-editor\" data-id=\"a6114ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A template gives your esports jersey structure.<\/span><\/p><p><span style=\"font-weight: 400;\">Instead of building every detail from zero, you can choose a starting layout and shape it around your team. Look for a template that matches the personality of your gaming brand.<\/span><\/p><p><span style=\"font-weight: 400;\">An aggressive team might choose sharp lines and fast directional movement.<\/span><\/p><p><span style=\"font-weight: 400;\">A futuristic squad might prefer cleaner geometry and controlled neon accents.<\/span><\/p><p><span style=\"font-weight: 400;\">A creator-led team may benefit from a simpler design that keeps the logo and player identity highly visible on camera.<\/span><\/p><p><span style=\"font-weight: 400;\">Do not select the busiest template simply because it looks exciting alone. Choose the one that gives your team name, logo, and sponsors room to breathe.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aaaa5af elementor-widget elementor-widget-heading\" data-id=\"aaaa5af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Build a Color System, Not a Color Explosion\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d67928 elementor-widget elementor-widget-image\" data-id=\"7d67928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/customize-esports-jersey-team-colors-online.webp-1024x576.png\" class=\"attachment-large size-large wp-image-19878\" alt=\"Customizing esports jersey body and sleeve colors in the Wooter Builder\" srcset=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/customize-esports-jersey-team-colors-online.webp-1024x576.png 1024w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/customize-esports-jersey-team-colors-online.webp-300x169.png 300w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/customize-esports-jersey-team-colors-online.webp-768x432.png 768w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/customize-esports-jersey-team-colors-online.webp-1536x864.png 1536w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/customize-esports-jersey-team-colors-online.webp-600x338.png 600w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/customize-esports-jersey-team-colors-online.webp.png 1672w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39f474a elementor-widget elementor-widget-text-editor\" data-id=\"39f474a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Your jersey colors should look intentional.<\/span><\/p><p><span style=\"font-weight: 400;\">Choose:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">One dominant team color<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">One supporting color<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">One accent color<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">The dominant color creates recognition. The supporting color separates important areas. The accent color highlights smaller details.<\/span><\/p><p><span style=\"font-weight: 400;\">Contrast matters more than complexity.<\/span><\/p><p><span style=\"font-weight: 400;\">If your team is still defining its palette, use this breakdown of<\/span><a href=\"https:\/\/wooter.com\/articles\/choose-colors-gaming-jerseys\/\"> <span style=\"font-weight: 400;\">how to choose colors for gaming jerseys<\/span><\/a><span style=\"font-weight: 400;\"> to compare contrast, hierarchy, and screen visibility before finalizing the design.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">A dark gamer tag on a dark jersey may disappear. Before finalizing the palette, test the text and background colors with the<\/span><a href=\"https:\/\/color.adobe.com\/create\/color-contrast-analyzer\"> <span style=\"font-weight: 400;\">Adobe Color Contrast Checker<\/span><\/a><span style=\"font-weight: 400;\"> to confirm that gamer tags and smaller details remain readable.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Use the Builder to compare combinations before committing to one direction.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3ca028 elementor-widget elementor-widget-heading\" data-id=\"d3ca028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Upload Your Team Logo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8701bf8 elementor-widget elementor-widget-text-editor\" data-id=\"8701bf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Your logo should be one of the strongest elements on the jersey.<\/span><\/p><p><span style=\"font-weight: 400;\">Upload the clearest approved version available. Avoid screenshots, blurred graphics, or images pulled from social media.<\/span><\/p><p><span style=\"font-weight: 400;\">Place the logo where it remains visible when the player is sitting down. The chest is usually valuable because it appears in streams, interviews, portraits, and team announcements.<\/span><\/p><p><span style=\"font-weight: 400;\">Before moving forward, ask:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Is the logo immediately recognizable?<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Does it contrast with the jersey?<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Is there enough space around it?<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Does it compete with a sponsor?<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Can it still be identified at a smaller size?<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Use only logos and artwork your team owns or has permission to reproduce.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6434021 elementor-widget elementor-widget-image\" data-id=\"6434021\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/add-team-name-logo-custom-esports-jersey.webp-1024x576.png\" class=\"attachment-large size-large wp-image-19879\" alt=\"Adding a team name, font and logo to a custom esports jersey\" srcset=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/add-team-name-logo-custom-esports-jersey.webp-1024x576.png 1024w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/add-team-name-logo-custom-esports-jersey.webp-300x169.png 300w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/add-team-name-logo-custom-esports-jersey.webp-768x432.png 768w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/add-team-name-logo-custom-esports-jersey.webp-1536x864.png 1536w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/add-team-name-logo-custom-esports-jersey.webp-600x338.png 600w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/add-team-name-logo-custom-esports-jersey.webp.png 1672w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0761b59 elementor-widget elementor-widget-heading\" data-id=\"0761b59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Add Gamer Tags That Players Can Actually Read\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8da9f56 elementor-widget elementor-widget-text-editor\" data-id=\"8da9f56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Gamer tags are not ordinary uniform names.<\/span><\/p><p><span style=\"font-weight: 400;\">They are player identities.<\/span><\/p><p><span style=\"font-weight: 400;\">A well-placed gamer tag connects the physical jersey to the name supporters see in matches, streams, scoreboards, and online communities.<\/span><\/p><p><span style=\"font-weight: 400;\">Keep each tag clear and readable. Avoid thin lettering, excessive effects, or fonts that make similar characters difficult to distinguish.<\/span><\/p><p><span style=\"font-weight: 400;\">Check longer player names carefully. A gamer tag that works at six characters may become crowded at twelve.<\/span><\/p><p><span style=\"font-weight: 400;\">For a full roster, use a structured player list and confirm every spelling before approval. Wooter explains how organized proofs can<\/span><a href=\"https:\/\/wooter.com\/articles\/how-uniformos-reduces-errors-in-sizes-numbers-and-names-2\/\"> <span style=\"font-weight: 400;\">reduce errors in sizes, names, and numbers<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">The goal is simple: viewers should be able to recognize the player without decoding the typography.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea464df elementor-widget elementor-widget-image\" data-id=\"ea464df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/custom-esports-jersey-roster-sizing-team-order.webp-1024x576.png\" class=\"attachment-large size-large wp-image-19880\" alt=\"Choosing player sizes and organizing a custom esports jersey team order\" srcset=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/custom-esports-jersey-roster-sizing-team-order.webp-1024x576.png 1024w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/custom-esports-jersey-roster-sizing-team-order.webp-300x169.png 300w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/custom-esports-jersey-roster-sizing-team-order.webp-768x432.png 768w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/custom-esports-jersey-roster-sizing-team-order.webp-1536x864.png 1536w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/custom-esports-jersey-roster-sizing-team-order.webp-600x338.png 600w, https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/custom-esports-jersey-roster-sizing-team-order.webp.png 1672w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb370db elementor-widget elementor-widget-heading\" data-id=\"2cb370db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/wooter.com\/apparel-builder\/custom-apparel\">BUILD A JERSEY AROUND YOUR GAMING IDENTITY\n<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fcde808 elementor-widget elementor-widget-heading\" data-id=\"1fcde808\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Give Every Sponsor the Right Level of Attention\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24affd9f elementor-widget elementor-widget-text-editor\" data-id=\"24affd9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sponsor logos can make an esports jersey feel established.<\/span><\/p><p><span style=\"font-weight: 400;\">Too many sponsor logos can make it feel chaotic.<\/span><\/p><p><span style=\"font-weight: 400;\">Create a hierarchy before placing them:<\/span><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Team identity<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Primary sponsor<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Secondary sponsors<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Supporting marks<\/span><\/li><\/ol><p><span style=\"font-weight: 400;\">The team should remain recognizable first.<\/span><\/p><p><span style=\"font-weight: 400;\">Reserve the most visible sponsor position for the main partner. Move smaller partnerships to secondary areas where they remain noticeable without overpowering the design.<\/span><\/p><p><span style=\"font-weight: 400;\">The Wooter Builder helps you see how these elements interact before you finalize the concept. Use that visibility to test scale, contrast, spacing, and balance.<\/span><\/p><p><span style=\"font-weight: 400;\">For more detail, read Wooter\u2019s article on<\/span><a href=\"https:\/\/wooter.com\/articles\/how-to-place-sponsor-logos-on-sports-uniforms\/\"> <span style=\"font-weight: 400;\">how to place sponsor logos on sports uniforms<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cef72b3 elementor-widget elementor-widget-heading\" data-id=\"5cef72b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Run the Three-Part Stream Test\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51e0a057 elementor-widget elementor-widget-text-editor\" data-id=\"51e0a057\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">An esports jersey should not be approved only at full size.<\/span><\/p><p><span style=\"font-weight: 400;\">It must also survive the screens where people will actually see it.<\/span><\/p><h3><b>Test 1: Full-Jersey View<\/b><\/h3><p><span style=\"font-weight: 400;\">Look at the complete front and back.<\/span><\/p><p><span style=\"font-weight: 400;\">Check the balance between the pattern, colors, team logo, gamer tag, number, and sponsors. Nothing should look accidentally empty or heavily crowded.<\/span><\/p><h3><b>Test 2: Seated Stream View<\/b><\/h3><p><span style=\"font-weight: 400;\">Imagine the player sitting behind a desk.<\/span><\/p><p><span style=\"font-weight: 400;\">The lower half of the jersey may disappear. That means the upper chest, collar, shoulders, and sleeves must carry the identity.<\/span><\/p><p><span style=\"font-weight: 400;\">If the most important detail sits too low, viewers may never see it.<\/span><\/p><h3><b>Test 3: Mobile Thumbnail View<\/b><\/h3><p><span style=\"font-weight: 400;\">Shrink the jersey image.<\/span><\/p><p><span style=\"font-weight: 400;\">Can you still identify the team color and logo? Does the design retain a recognizable shape? Or does everything blend into visual noise?<\/span><\/p><p><span style=\"font-weight: 400;\">The thumbnail test is brutal, but useful.<\/span><\/p><p><span style=\"font-weight: 400;\">If the identity survives at a small size, it is more likely to work across social posts, stream cards, roster graphics, and tournament coverage.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ad27b87 elementor-widget elementor-widget-heading\" data-id=\"7ad27b87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Designing for One Creator vs an Entire Esports Team\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e7d650 elementor-widget elementor-widget-text-editor\" data-id=\"76e7d650\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The Builder can support different esports identities, but the design strategy should match the user.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7453a2e elementor-widget elementor-widget-html\" data-id=\"7453a2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wooter-comparison-table\">\r\n  <table>\r\n    <thead>\r\n      <tr>\r\n        <th>Solo Creator or Streamer<\/th>\r\n        <th>Full Esports Team<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n\r\n    <tbody>\r\n      <tr>\r\n        <td>Creator name leads the design<\/td>\r\n        <td>Team name and crest lead the design<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Personal logo receives priority<\/td>\r\n        <td>Shared branding remains consistent<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>One gamer tag may be enough<\/td>\r\n        <td>Every player needs accurate personalization<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Sponsor layout can be individual<\/td>\r\n        <td>Sponsor placement should remain consistent<\/td>\r\n      <\/tr>\r\n\r\n      <tr>\r\n        <td>Design can reflect one personality<\/td>\r\n        <td>Design must represent the entire roster<\/td>\r\n      <\/tr>\r\n    <\/tbody>\r\n  <\/table>\r\n<\/div>\r\n\r\n<style>\r\n  .wooter-comparison-table {\r\n    width: 100%;\r\n    margin: 28px 0;\r\n    overflow-x: auto;\r\n    border: 1px solid #dfe4ec;\r\n    border-radius: 14px;\r\n    background: #ffffff;\r\n    box-shadow: 0 8px 26px rgba(7, 18, 45, 0.08);\r\n  }\r\n\r\n  .wooter-comparison-table table {\r\n    width: 100%;\r\n    min-width: 620px;\r\n    border-collapse: collapse;\r\n    color: #172033;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  .wooter-comparison-table th {\r\n    padding: 18px 20px;\r\n    color: #ffffff;\r\n    background: #112677;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    text-align: left;\r\n  }\r\n\r\n  .wooter-comparison-table th:first-child {\r\n    border-right: 1px solid rgba(255, 255, 255, 0.22);\r\n  }\r\n\r\n  .wooter-comparison-table td {\r\n    width: 50%;\r\n    padding: 17px 20px;\r\n    border-top: 1px solid #e6e9ef;\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    vertical-align: top;\r\n  }\r\n\r\n  .wooter-comparison-table td:first-child {\r\n    border-right: 1px solid #e6e9ef;\r\n  }\r\n\r\n  .wooter-comparison-table tbody tr:nth-child(even) {\r\n    background: #f7f9fc;\r\n  }\r\n\r\n  .wooter-comparison-table tbody tr:hover {\r\n    background: #eef3ff;\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .wooter-comparison-table th,\r\n    .wooter-comparison-table td {\r\n      padding: 14px 16px;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5af64255 elementor-widget elementor-widget-text-editor\" data-id=\"5af64255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A solo creator can be more experimental.<\/span><\/p><p><span style=\"font-weight: 400;\">A full team needs stronger rules. Colors, logo placement, sponsor hierarchy, and typography should remain consistent across every jersey. Player gamer tags can change, but the team identity should not.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2371c146 elementor-widget elementor-widget-heading\" data-id=\"2371c146\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Esports Jersey Design Mistakes to Avoid\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-188ffe52 elementor-widget elementor-widget-text-editor\" data-id=\"188ffe52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3><b>Making Every Element Compete<\/b><\/h3><p><span style=\"font-weight: 400;\">When the logo, pattern, gamer tag, number, and sponsors all demand equal attention, none of them wins.<\/span><\/p><p><span style=\"font-weight: 400;\">Choose a clear visual hierarchy.<\/span><\/p><h3><b>Using Too Many Colors<\/b><\/h3><p><span style=\"font-weight: 400;\">More colors do not automatically create more energy. They often weaken recognition.<\/span><\/p><p><span style=\"font-weight: 400;\">A controlled palette is easier to remember.<\/span><\/p><h3><b>Placing Key Branding Too Low<\/b><\/h3><p><span style=\"font-weight: 400;\">A logo may look fine on a full jersey but disappear behind a desk during streams.<\/span><\/p><p><span style=\"font-weight: 400;\">Prioritize the upper-body view.<\/span><\/p><h3><b>Choosing Style Over Readability<\/b><\/h3><p><span style=\"font-weight: 400;\">Complex typography may look futuristic, but it can destroy gamer-tag readability.<\/span><\/p><p><span style=\"font-weight: 400;\">If viewers cannot read it quickly, simplify it.<\/span><\/p><h3><b>Forgetting the Back<\/b><\/h3><p><span style=\"font-weight: 400;\">The front may dominate livestreams, but the back appears in player walkouts, event photography, short-form videos, and offline activations.<\/span><\/p><p><span style=\"font-weight: 400;\">Treat it as part of the complete identity.<\/span><\/p><h3><b>Skipping the Final Roster Check<\/b><\/h3><p><span style=\"font-weight: 400;\">One incorrect gamer tag can turn an exciting delivery into an avoidable problem.<\/span><\/p><p><span style=\"font-weight: 400;\">Confirm every spelling, number, and size before submitting the order.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f94a097 elementor-widget elementor-widget-heading\" data-id=\"7f94a097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Final Esports Jersey Checklist\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7614f017 elementor-widget elementor-widget-text-editor\" data-id=\"7614f017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Before approving your design, confirm:<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The team logo is clear at full and thumbnail size<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The color palette matches the wider team brand<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gamer tags are spelled correctly<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Every gamer tag remains readable<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sponsor logos follow the agreed hierarchy<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Important elements remain visible in a seated view<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The front and back feel connected<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The design works for both competition and content<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">All uploaded artwork is approved for use<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The final roster details have been checked<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">If the jersey passes every point, you are no longer looking at random team apparel.<\/span><\/p><p><span style=\"font-weight: 400;\">You are looking at a wearable gaming identity.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1980723e e-con-full e-flex e-con e-parent\" data-id=\"1980723e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b6ce982 elementor-widget elementor-widget-heading\" data-id=\"3b6ce982\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Questions About Esports Jersey Builder<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a82942b elementor-widget elementor-widget-n-accordion\" data-id=\"7a82942b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2050\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2050\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can I design an esports jersey online? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2050\" class=\"elementor-element elementor-element-7cc7944f e-con-full e-flex e-con e-child\" data-id=\"7cc7944f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3709a1dd elementor-widget elementor-widget-text-editor\" data-id=\"3709a1dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"faq-item\"><div class=\"faq-body\"><p><span style=\"font-weight: 400;\">Yes. An online esports jersey builder lets you choose a customizable style and add elements such as team colors, logos, names, numbers, and gamer tags.<\/span><\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2051\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2051\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can every player have a different gamer tag? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2051\" class=\"elementor-element elementor-element-10c03c9e e-con-full e-flex e-con e-child\" data-id=\"10c03c9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13d274d6 elementor-widget elementor-widget-text-editor\" data-id=\"13d274d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"faq-item\"><div class=\"faq-body\"><p><span style=\"font-weight: 400;\">Yes. Individual player personalization can give each jersey a unique gamer tag while preserving the team\u2019s shared design.<\/span><\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2052\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2052\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can sponsor logos be added to esports jerseys? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2052\" class=\"elementor-element elementor-element-5d380d4c e-con-full e-flex e-con e-child\" data-id=\"5d380d4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-789ea036 elementor-widget elementor-widget-text-editor\" data-id=\"789ea036\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"faq-item\"><div class=\"faq-body\"><p><span style=\"font-weight: 400;\">Yes. Sponsor logos can be incorporated into the jersey design. Create a clear hierarchy so the main sponsor remains visible without overpowering the team identity.<\/span><\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2053\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2053\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What should I prepare before using an esports jersey builder? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2053\" class=\"elementor-element elementor-element-29d86762 e-flex e-con-boxed e-con e-child\" data-id=\"29d86762\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-555fa538 elementor-widget elementor-widget-text-editor\" data-id=\"555fa538\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<section id=\"faq\" class=\"section\"><div class=\"faq-list\"><div class=\"faq-item\"><div class=\"faq-body\"><p><span style=\"font-weight: 400;\">Prepare your team name, approved logo files, preferred colors, gamer tags, player details, and sponsor logos. A simple creative brief will make the design process faster and more focused.<\/span><\/p><\/div><\/div><\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2054\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2054\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How do I know whether my esports jersey will look good on a stream? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2054\" class=\"elementor-element elementor-element-d15f49c e-flex e-con-boxed e-con e-child\" data-id=\"d15f49c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5218a7e5 elementor-widget elementor-widget-text-editor\" data-id=\"5218a7e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<section id=\"faq\" class=\"section\"><div class=\"faq-list\"><div class=\"faq-item\"><div class=\"faq-body\"><p><span style=\"font-weight: 400;\">Use the Stream Test. Review the complete jersey, crop it to a seated upper-body view, and shrink it to mobile-thumbnail size. The logo, colors, and team identity should remain recognizable in all three views.<\/span><\/p><\/div><\/div><\/div><\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11059941 elementor-widget elementor-widget-heading\" data-id=\"11059941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Turn Your Gaming Identity Into a Jersey<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64d78c45 elementor-widget elementor-widget-text-editor\" data-id=\"64d78c45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Your team already has a name.<\/span><\/p><p><span style=\"font-weight: 400;\">It has players, rivalries, supporters, colors, and a reason to compete.<\/span><\/p><p><span style=\"font-weight: 400;\">Now give that identity something people can see.<\/span><\/p><p><span style=\"font-weight: 400;\">The<\/span><a href=\"https:\/\/wooter.com\/apparel-builder\/apparel\"> <span style=\"font-weight: 400;\">Wooter Esports Jersey Builder<\/span><\/a><span style=\"font-weight: 400;\"> gives you a direct starting point. Once your concept is ready, explore<\/span><a href=\"https:\/\/wooter.com\/articles\/how-wooter-works\/\"> <span style=\"font-weight: 400;\">how Wooter works<\/span><\/a><span style=\"font-weight: 400;\"> to understand the path from your draft design and mockup approval to production.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Do not settle for a jersey that merely includes your logo.<\/span><\/p><p><span style=\"font-weight: 400;\">Create one that looks like your team belongs on the main stage.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b716b24 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2b716b24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wooter.com\/get-free-quote\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">DESIGN YOUR CUSTOM ESPORTS JERSEY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your esports jersey should do more than display a logo. It should make your squad recognizable in a tournament lobby, on a livestream, in team photos, and across social media. But turning a gaming identity into wearable apparel can get complicated fast. Colors clash. Sponsor logos crowd the design. Gamer tags become unreadable. A jersey [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":19885,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[76,1],"tags":[635,330,354,329],"class_list":["post-19852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sports-design","category-uncategorized","tag-apparel-builder","tag-custom-apparel","tag-wooter","tag-wooter-apparel"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Design an Esports Jersey Online With a Builder<\/title>\n<meta name=\"description\" content=\"Design an esports jersey online with Wooter\u2019s Builder. Choose colors, add team logos and names, organize your roster, and prepare your team order.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design an Esports Jersey Online With a Builder\" \/>\n<meta property=\"og:description\" content=\"Design an esports jersey online with Wooter\u2019s Builder. Choose colors, add team logos and names, organize your roster, and prepare your team order.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Wooter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WooterApparel2\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-02T10:21:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-07T08:06:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/build-custom-esports-jersey-online-wooter-builder.webp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1672\" \/>\n\t<meta property=\"og:image:height\" content=\"941\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fatima Jan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wooterapparel\" \/>\n<meta name=\"twitter:site\" content=\"@wooterapparel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatima Jan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/\"},\"author\":{\"name\":\"Fatima Jan\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#\\\/schema\\\/person\\\/313969145d061b3ce4a6fad6363a8754\"},\"headline\":\"Esports Jersey Builder: Design a Pro Team Jersey Online\",\"datePublished\":\"2026-08-02T10:21:46+00:00\",\"dateModified\":\"2026-08-07T08:06:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/\"},\"wordCount\":2318,\"publisher\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wooter.com\\\/articles\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/build-custom-esports-jersey-online-wooter-builder.webp.png\",\"keywords\":[\"apparel builder\",\"Custom Apparel\",\"Wooter\",\"Wooter Apparel\"],\"articleSection\":[\"Sports Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/\",\"url\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/\",\"name\":\"How to Design an Esports Jersey Online With a Builder\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wooter.com\\\/articles\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/build-custom-esports-jersey-online-wooter-builder.webp.png\",\"datePublished\":\"2026-08-02T10:21:46+00:00\",\"dateModified\":\"2026-08-07T08:06:27+00:00\",\"description\":\"Design an esports jersey online with Wooter\u2019s Builder. Choose colors, add team logos and names, organize your roster, and prepare your team order.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wooter.com\\\/articles\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/build-custom-esports-jersey-online-wooter-builder.webp.png\",\"contentUrl\":\"https:\\\/\\\/wooter.com\\\/articles\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/build-custom-esports-jersey-online-wooter-builder.webp.png\",\"width\":1672,\"height\":941,\"caption\":\"Wooter custom esports jersey Builder showing an online design beside the finished jersey\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/design-esports-jersey-online-builder\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wooter.com\\\/articles\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Esports Jersey Builder: Design a Pro Team Jersey Online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#website\",\"url\":\"https:\\\/\\\/wooter.com\\\/articles\\\/\",\"name\":\"Wooter\",\"description\":\"Wooter delivers the best fully sublimated apparel to sports teams and organizations around the world.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wooter.com\\\/articles\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#organization\",\"name\":\"Wooter\",\"url\":\"https:\\\/\\\/wooter.com\\\/articles\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wooter.com\\\/articles\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/WOOTER_PRIMARY_FULL_COLOR_A._Large.png\",\"contentUrl\":\"https:\\\/\\\/wooter.com\\\/articles\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/WOOTER_PRIMARY_FULL_COLOR_A._Large.png\",\"width\":1141,\"height\":462,\"caption\":\"Wooter\"},\"image\":{\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/WooterApparel2\",\"https:\\\/\\\/x.com\\\/wooterapparel\",\"https:\\\/\\\/www.instagram.com\\\/wooterapparel\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wooter.com\\\/articles\\\/#\\\/schema\\\/person\\\/313969145d061b3ce4a6fad6363a8754\",\"name\":\"Fatima Jan\",\"url\":\"https:\\\/\\\/wooter.com\\\/articles\\\/author\\\/fatima\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design an Esports Jersey Online With a Builder","description":"Design an esports jersey online with Wooter\u2019s Builder. Choose colors, add team logos and names, organize your roster, and prepare your team order.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/","og_locale":"en_US","og_type":"article","og_title":"How to Design an Esports Jersey Online With a Builder","og_description":"Design an esports jersey online with Wooter\u2019s Builder. Choose colors, add team logos and names, organize your roster, and prepare your team order.","og_url":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/","og_site_name":"Wooter","article_publisher":"https:\/\/www.facebook.com\/WooterApparel2","article_published_time":"2026-08-02T10:21:46+00:00","article_modified_time":"2026-08-07T08:06:27+00:00","og_image":[{"width":1672,"height":941,"url":"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/build-custom-esports-jersey-online-wooter-builder.webp.png","type":"image\/png"}],"author":"Fatima Jan","twitter_card":"summary_large_image","twitter_creator":"@wooterapparel","twitter_site":"@wooterapparel","twitter_misc":{"Written by":"Fatima Jan","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/#article","isPartOf":{"@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/"},"author":{"name":"Fatima Jan","@id":"https:\/\/wooter.com\/articles\/#\/schema\/person\/313969145d061b3ce4a6fad6363a8754"},"headline":"Esports Jersey Builder: Design a Pro Team Jersey Online","datePublished":"2026-08-02T10:21:46+00:00","dateModified":"2026-08-07T08:06:27+00:00","mainEntityOfPage":{"@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/"},"wordCount":2318,"publisher":{"@id":"https:\/\/wooter.com\/articles\/#organization"},"image":{"@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/build-custom-esports-jersey-online-wooter-builder.webp.png","keywords":["apparel builder","Custom Apparel","Wooter","Wooter Apparel"],"articleSection":["Sports Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/","url":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/","name":"How to Design an Esports Jersey Online With a Builder","isPartOf":{"@id":"https:\/\/wooter.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/#primaryimage"},"image":{"@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/build-custom-esports-jersey-online-wooter-builder.webp.png","datePublished":"2026-08-02T10:21:46+00:00","dateModified":"2026-08-07T08:06:27+00:00","description":"Design an esports jersey online with Wooter\u2019s Builder. Choose colors, add team logos and names, organize your roster, and prepare your team order.","breadcrumb":{"@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/#primaryimage","url":"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/build-custom-esports-jersey-online-wooter-builder.webp.png","contentUrl":"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2026\/08\/build-custom-esports-jersey-online-wooter-builder.webp.png","width":1672,"height":941,"caption":"Wooter custom esports jersey Builder showing an online design beside the finished jersey"},{"@type":"BreadcrumbList","@id":"https:\/\/wooter.com\/articles\/design-esports-jersey-online-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wooter.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Esports Jersey Builder: Design a Pro Team Jersey Online"}]},{"@type":"WebSite","@id":"https:\/\/wooter.com\/articles\/#website","url":"https:\/\/wooter.com\/articles\/","name":"Wooter","description":"Wooter delivers the best fully sublimated apparel to sports teams and organizations around the world.","publisher":{"@id":"https:\/\/wooter.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wooter.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wooter.com\/articles\/#organization","name":"Wooter","url":"https:\/\/wooter.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wooter.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2023\/12\/WOOTER_PRIMARY_FULL_COLOR_A._Large.png","contentUrl":"https:\/\/wooter.com\/articles\/wp-content\/uploads\/2023\/12\/WOOTER_PRIMARY_FULL_COLOR_A._Large.png","width":1141,"height":462,"caption":"Wooter"},"image":{"@id":"https:\/\/wooter.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WooterApparel2","https:\/\/x.com\/wooterapparel","https:\/\/www.instagram.com\/wooterapparel"]},{"@type":"Person","@id":"https:\/\/wooter.com\/articles\/#\/schema\/person\/313969145d061b3ce4a6fad6363a8754","name":"Fatima Jan","url":"https:\/\/wooter.com\/articles\/author\/fatima\/"}]}},"publishpress_future_action":{"enabled":false,"date":"2026-09-01 09:30:15","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/posts\/19852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/comments?post=19852"}],"version-history":[{"count":19,"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/posts\/19852\/revisions"}],"predecessor-version":[{"id":19972,"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/posts\/19852\/revisions\/19972"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/media\/19885"}],"wp:attachment":[{"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/media?parent=19852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/categories?post=19852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wooter.com\/articles\/wp-json\/wp\/v2\/tags?post=19852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}