www.sidestep.design Open in urlscan Pro
52.223.52.2 Public Scan

Back to summary

URL:
https://www.sidestep.design/
Submission: On September 10 via api (September 10th 2024, 12:30:59 pm UTC) from US — Scanned from US

Form analysis
1 forms found in the DOM

<form class="framer-IwHEf framer-upkzhx framer-v-upkzhx" data-framer-name="Variant 1" style="width: 100%; opacity: 1;">
  <div class="framer-pb4u3k" data-framer-name="Customer Info" style="opacity: 1;"><label class="framer-1oyk7qb" style="opacity: 1;">
      <div class="framer-1w8rlvw" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
        data-framer-component-type="RichTextContainer">
        <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
          class="framer-text">Name</p>
      </div>
      <div
        style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: rgb(153, 153, 153); opacity: 1;"
        class="framer-form-text-input framer-form-input-wrapper framer-z7m52u"><input type="text" required="" name="Name" placeholder="Sidestep Sports" class="framer-form-input framer-form-input-empty" value=""></div>
    </label>
    <div class="framer-zin7v4" style="opacity: 1;"><label class="framer-1dkbuwx" style="opacity: 1;">
        <div class="framer-10j4ywy" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
          data-framer-component-type="RichTextContainer">
          <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
            class="framer-text">Email</p>
        </div>
        <div
          style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: rgb(153, 153, 153); opacity: 1;"
          class="framer-form-text-input framer-form-input-wrapper framer-1t23gyl"><input type="email" required="" name="Email" placeholder="sidestep@gmail.com" class="framer-form-input framer-form-input-empty" value=""></div>
      </label><label class="framer-pl380d" style="opacity: 1;">
        <div class="framer-16pptvg" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
          data-framer-component-type="RichTextContainer">
          <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
            class="framer-text">Phone Number (Optional)</p>
        </div>
        <div
          style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: rgb(153, 153, 153); opacity: 1;"
          class="framer-form-text-input framer-form-input-wrapper framer-jrxdb6"><input type="tel" name="Phone Number" placeholder="" class="framer-form-input framer-form-input-empty" value=""></div>
      </label></div>
  </div>
  <div class="framer-1ljg7a0" data-framer-name="Jersey Options" style="opacity: 1;">
    <div class="framer-apeaoa" style="opacity: 1;">
      <div class="framer-1vff2po" style="opacity: 1;"><label class="framer-1vvni4" data-framer-name="Fabric" style="opacity: 1;">
          <div class="framer-17f3ixr" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
            data-framer-component-type="RichTextContainer">
            <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
              class="framer-text">Fabric Type</p>
          </div>
          <div
            style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-invalid-text-color: rgb(153, 153, 153); opacity: 1;"
            class="framer-form-input-wrapper framer-form-select-wrapper framer-y94sdk" data-framer-name="Fabric"><select name="TDLf4So6I" required="" class="framer-form-input">
              <option value="Athletic Mesh" selected="">Athletic Mesh</option>
              <option value="Polyester">Polyester</option>
              <option value="Undecided">Undecided</option>
            </select></div>
        </label><label class="framer-jt91o1" data-framer-name="Neck" style="opacity: 1;">
          <div class="framer-19cnygv" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
            data-framer-component-type="RichTextContainer">
            <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
              class="framer-text">Neck Style</p>
          </div>
          <div
            style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-invalid-text-color: rgb(153, 153, 153); opacity: 1;"
            class="framer-form-input-wrapper framer-form-select-wrapper framer-hmu3y9" data-framer-name="Neck"><select name="TDLf4So6I" required="" class="framer-form-input">
              <option value="Round Neck" selected="">Round Neck</option>
              <option value="V Neck">V Neck</option>
              <option value="Undecided">Undecided</option>
            </select></div>
        </label><label class="framer-f4tfys" data-framer-name="Shoulders" style="opacity: 1;">
          <div class="framer-1axf9dg" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
            data-framer-component-type="RichTextContainer">
            <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
              class="framer-text">Jersey Cut</p>
          </div>
          <div
            style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-invalid-text-color: rgb(153, 153, 153); opacity: 1;"
            class="framer-form-input-wrapper framer-form-select-wrapper framer-19cji3j" data-framer-name="Fabric"><select name="TDLf4So6I" required="" class="framer-form-input">
              <option value="Regular Cut" selected="">Regular Cut</option>
              <option value="Raglan Cut">Raglan Cut</option>
            </select></div>
        </label></div>
      <div class="framer-zkabwj" style="opacity: 1;"><label class="framer-b8r4pw" data-framer-name="Design (Dropdown)" style="opacity: 1;">
          <div class="framer-1sqx63e" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
            data-framer-component-type="RichTextContainer">
            <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
              class="framer-text">Design</p>
          </div>
          <div
            style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-invalid-text-color: rgb(153, 153, 153); opacity: 1;"
            class="framer-form-input-wrapper framer-form-select-wrapper framer-1r7mq8l" data-framer-name="Fabric"><select name="Design" required="" class="framer-form-input">
              <option value="BYOD" selected="">Bring my own Design</option>
              <option value="I need help designing">I need help designing</option>
              <option value="Haven't thought about design yet">Haven't throught aboug design yet</option>
            </select></div>
        </label><label class="framer-akjibu" data-framer-name="Est Jersey Count" style="opacity: 1;">
          <div class="framer-1gasdg1" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
            data-framer-component-type="RichTextContainer">
            <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
              class="framer-text">Estimated Jersey Count</p>
          </div>
          <div
            style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: rgb(153, 153, 153); opacity: 1;"
            class="framer-form-text-input framer-form-input-wrapper framer-1jvior9"><input type="number" required="" name="Jersey Count" placeholder="10" class="framer-form-input framer-form-input-empty" min="5" max="500" step="1" value=""></div>
        </label></div>
    </div>
  </div><label class="framer-187m5c9" data-framer-name="About Inquiry" style="opacity: 1;">
    <div class="framer-nxpkpu" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
      data-framer-component-type="RichTextContainer">
      <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
        class="framer-text">Inquiry</p>
    </div>
    <div
      style="--framer-input-background: rgba(187, 187, 187, 0.15); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.1); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 10px; --framer-input-border-radius-bottom-right: 10px; --framer-input-border-radius-top-left: 10px; --framer-input-border-radius-top-right: 10px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-font-color: rgb(153, 153, 153); --framer-input-icon-color: rgb(153, 153, 153); --framer-input-placeholder-color: rgb(153, 153, 153); opacity: 1;"
      class="framer-form-text-input framer-form-input-wrapper framer-195vn5x"><textarea required="" name="Description" placeholder="Let us know about your team and your jersey needs" class="framer-form-input"></textarea></div>
  </label><label class="framer-ojcifu" data-framer-name="Agree" style="opacity: 1;"><input class="framer-form-boolean-input framer-1tsejzz"
      style="--framer-input-background: rgba(187, 187, 187, 0.2); --framer-input-boolean-checked-background: rgb(0, 153, 255); --framer-input-border-bottom-width: 1px; --framer-input-border-color: rgba(136, 136, 136, 0.2); --framer-input-border-left-width: 1px; --framer-input-border-radius-bottom-left: 4px; --framer-input-border-radius-bottom-right: 4px; --framer-input-border-radius-top-left: 4px; --framer-input-border-radius-top-right: 4px; --framer-input-border-right-width: 1px; --framer-input-border-style: solid; --framer-input-border-top-width: 1px; --framer-input-icon-color: rgb(255, 255, 255); opacity: 1;"
      type="checkbox" name="Newsletter">
    <div class="framer-1deflc2" style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(136, 136, 136); transform: none; opacity: 1;"
      data-framer-component-type="RichTextContainer">
      <p style="--font-selector:SW50ZXItTWVkaXVt;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:12px;--framer-font-weight:500;--framer-text-color:var(--extracted-r6o4lv, rgb(136, 136, 136))"
        class="framer-text">I understand this submission is meant to be a starting point for my discussion with Sidestep</p>
    </div>
  </label>
  <div class="framer-nzwiri-container" data-framer-name="Submit Button" name="Submit Button" style="opacity: 1;"><button name="Submit Button" type="submit" class="framer-rKnkx framer-1l9x00d framer-v-1l9x00d" data-framer-name="Default"
      data-reset="button" style="background-color: rgb(51, 51, 51); height: 100%; width: 100%; opacity: 1; border-radius: 10px;" tabindex="0">
      <div class="framer-9u132y"
        style="outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; --extracted-r6o4lv: rgb(255, 255, 255); --framer-link-text-color: rgb(0, 153, 255); --framer-link-text-decoration: underline; transform: none; opacity: 1;"
        data-framer-component-type="RichTextContainer">
        <p style="--font-selector:SW50ZXItU2VtaUJvbGQ=;--framer-font-family:&quot;Inter&quot;, &quot;Inter Placeholder&quot;, sans-serif;--framer-font-size:14px;--framer-font-weight:600;--framer-text-color:var(--extracted-r6o4lv, rgb(255, 255, 255))"
          class="framer-text">Submit</p>
      </div>
    </button></div>
</form>

Text Content

Home

Customize

Design

Pricing

Order




SIDESTEP SPORTS


YOUR TEAM. YOUR COLORS.

Start Your Order


CUSTOM TEAM JERSEYS


LOCATED IN VANCOUVER, CANADA, WE SPECIALIZE IN CUSTOMIZED SUBLIMATED JERSEYS.

BACKED BY A TEAM WITH OVER 20+ YEARS OF EXPERIENCE, SIDESTEP IS HERE TO HELP
YOUR TEAM DESIGN THEIR OWN PERSONALIZED, FULLY SUBLIMATED AND CUSTOMIZED
JERSEYS. START BUILDING YOUR TEAM'S LEGACY WITH US!

Start an Order

See Our Process




CUSTOMIZE YOUR JERSEY


CHOOSE YOUR CUT AND MATERIALS

When it comes to team sports, every team deserves a jersey that reflects their
story. To enable teams across a diverse and dynamic community, Sidestep stives
to offer fully customizable athletic Jerseys. Our design process puts your team
in the driver's seat, providing you with the help and support to bring your
vision into reality, and your team to victory.

Take a look at our design process below. If you have any questions, you can
reach us at info@sidestep.design


CHOOSE FABRIC




ATHLETIC MESH




POLYESTER




NECK STYLE


CREW NECK




V NECK




SHOULDER STYLE




REGULAR CUT




REGULAR CUT SIZING


RAGLAN (BASEBALL) SLEEVES




RAGLAN (BASEBALL) SIZING




DESIGN YOUR JERSEY


WORK WITH US TO FINALIZE YOUR DESIGN


DESIGN TEMPLATE




ADD YOUR DESIGN ONTO OUR JERSEY DESIGN TEMPLATE




3D MOCK UP




VISUALIZE YOUR DESIGN IN 3D


START STITCHING! 🎉


PRODUCTION STARTS AFTER YOU ARE HAPPY WITH YOUR MOCK UP!




FAQ


GOT ANY QUESTIONS?


WHAT IS YOUR MINIMUM ORDER QUANTITY?

Our minimum order quantity is 10 jerseys per design. We are able to accomodate
special cases where teams need as low as 5 jerseys, but at an increased cost per
jersey





ARE YOU ABLE TO HELP DESIGN MY JERSEY?

Bringing your own design is the quickest way to start the production process.
Our team is able to assist you with designing the jersey or converting things
into a vectorized format. Some additional fees may be applicable depending on
the complexity of the design





HOW LONG DOES IT TAKE TO RECEIVE MY ORDER?

The Jersey production process comes in a few parts. Overall most orders take
around 4 to arrive. We advising estimating 1 week for design validation, 1 week
for production and 2 weeks for shipping





DO YOU SHIP TO MY AREA?

Currently we mainly ship to the Greater Vancouver area. For any customers
interested outside of this area, please make an inquiry and let us know in the
description box and we would be happy to work something out





PRICING


ESTIMATE YOUR COST

10+ Jerseys

$40

per jersey

Regular or Raglan Cut

Mesh or Polyester Fabric

Design Consultation

3D Mock Up

2024 Special

10% Off First Order

50+ Jerseys

$36

per jersey

Regular or Raglan Cut

Mesh or Polyester Fabric

Design Consultation

3D Mock Up



5-10 Jerseys

$50

per jersey

Subject to Special Order Fee

Regular or Raglan Cut

Mesh or Polyester Fabric

Design Consultation

3D Mock Up


GET A QUOTE WITH US TODAY

Name



Email



Phone Number (Optional)



Fabric Type

Athletic MeshPolyesterUndecided

Neck Style

Round NeckV NeckUndecided

Jersey Cut

Regular CutRaglan Cut

Design

Bring my own DesignI need help designingHaven't throught aboug design yet

Estimated Jersey Count



Inquiry



I understand this submission is meant to be a starting point for my discussion
with Sidestep

Submit

info@sidestep.design

© Metacrazy Media 2024

www.sidestep.design Open in urlscan Pro 52.223.52.2 Public Scan

Form analysis 1 forms found in the DOM

Text Content

www.sidestep.design Open in urlscan Pro
52.223.52.2 Public Scan

Form analysis
1 forms found in the DOM