www.outdoorvoices.com Open in urlscan Pro
23.227.38.74  Public Scan

Form analysis
3 forms found in the DOM

/search

<form action="/search" aria-label="Site search" class="Search_form__9dc3e2ca" id="nav-search-form"><label for="ov-nav-search-input" class="Search_input__9dc3e2ca"><span class="ada-hidden">Enter a search term</span><input id="ov-nav-search-input"
      name="q" placeholder="Search" required="" type="search" value=""></label><button aria-label="Open search bar" class="Search_icon__9dc3e2ca" type="button"><svg aria-hidden="true" role="presentation">
      <title>Magnifying Glass Search Icon</title>
      <use href="#icon-search"></use>
    </svg></button><button aria-label="Clear search term" class="Search_clear__9dc3e2ca" type="button">x</button><button aria-label="Submit search" class="Search_submit__9dc3e2ca" form="nav-search-form" type="submit"><svg width="36" height="36"
      aria-hidden="true" role="presentation" viewBox="0 0 36 36">
      <title>Arrow Pointing Right Icon</title>
      <use href="#icon-arrow-right"></use>
    </svg></button><span class="ada-hidden">Search</span></form>

<form aria-labelledby="email-capture-title" aria-describedby="email-capture-desc" class="EmailCaptureLite_form__162LH">
  <div class="EmailCaptureLite_formContent__2cejh">
    <h2 class="EmailCaptureLite_title__2h7tI" id="email-capture-title">Join The Team</h2>
    <p class="EmailCaptureLite_text__3_Szg" id="email-capture-desc">Sign up for exclusive OV-only deals and early access to new products.</p>
    <div class="EmailCaptureLite_labels__1yTBx"><label for="email">
        <div class="EmailCaptureLite_label__3mvBI">Email</div><input class="EmailCaptureLite_input__1DKW0" id="email" name="email" type="email" value="">
      </label></div>
    <div class="EmailCaptureLite_radios__3Eihw">
      <div class="EmailCaptureLite_radioLabel__q_ipk">Email preference:</div>
      <div class="EmailCaptureLite_radiosInner__1se9L">
        <div class="EmailCaptureLite_radiosWrap__Lca6E" role="radiogroup" aria-label="Email gender preference"><label class="EmailCaptureLite_radio__3Ky8c" aria-label="Prefer emails with women's products" for="shopping-preference-for-her"><input
              id="shopping-preference-for-her" name="shopping-preference" type="radio" value="Female">Women</label><label class="EmailCaptureLite_radio__3Ky8c" for="shopping-preference-for-him"><input aria-label="Prefer emails with men's products"
              id="shopping-preference-for-him" name="shopping-preference" type="radio" value="Male">Men</label><label class="EmailCaptureLite_radio__3Ky8c" for="shopping-preference-for-both"><input
              aria-label="Prefer emails with both women and men's products" id="shopping-preference-for-both" name="shopping-preference" type="radio" value="Both">Both</label></div>
        <footer class="EmailCaptureLite_footer__3mFDz"><button class="Button_root__3ros1 Button_big__OK2JF" type="submit" aria-busy="false"><span>Sign Up Now</span><span class="EmailCaptureLite_mobile__1Bznc">Sign Up</span></button></footer>
      </div>
    </div>
  </div>
  <div class="EmailCaptureLite_success__2aT2k">
    <h2 class="EmailCaptureLite_title__2h7tI">Sweet!</h2>
    <p class="EmailCaptureLite_text__3_Szg" role="status"></p>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-WaMDhf" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 816px; min-width: 200px; max-width: 1000px; border-radius: 12px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/1d29db0c-522d-41e9-b4fc-72ee7ad7ef27.jpeg&quot;); background-repeat: no-repeat; background-size: contain; background-position: 0% 50%; padding: 0px 48px 0px 410px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 48px 0px 0px 48px; position: relative; flex: 0 1 auto; margin: 0px auto 0px 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
              src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/3198cf67-e695-41da-b85b-c199555fce99.jpeg" tabindex="-1"
              alt="Want 20% Off? Sign up to receive 20% off your first purchase*, big announcements, and special offers. *Applies to first-time customers and orders over $100 only." class="needsclick  kl-private-reset-css-Xuajs1"
              style="max-width: 100%; width: 360px; height: auto; cursor: initial;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 15px 0px 10px 48px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_106153821" class="needsclick go774653860 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Email Address" aria-label="Email Address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 48px; text-align: left; color: rgb(0, 0, 0); font-family: OvGothic, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0) 0px 0px 5px;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 20px 0px 30px 48px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; justify-content: flex-start; display: flex;">
          <div class="needsclick go2376614969 kl-private-reset-css-Xuajs1" style="align-self: flex-end; flex-flow: column wrap;"><label id="kl_gender__4_label" class="needsclick  kl-private-reset-css-Xuajs1"
              style="color: rgb(32, 32, 32); font-family: OvGothic, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0px; padding-bottom: 6px; margin-right: 8px; margin-bottom: 8px;">Shopping for:</label>
            <div role="radiogroup" aria-labelledby="kl_gender__4_label" class="needsclick  kl-private-reset-css-Xuajs1" style="display: inline-flex; justify-content: flex-start; flex-wrap: wrap;"><input
                class="needsclick go2180652697 kl-private-reset-css-Xuajs1" tabindex="0" type="radio" id="gender__4__9" name="gender__4" aria-invalid="false" aria-label="Women"><label for="gender__4__9" class="needsclick  kl-private-reset-css-Xuajs1"
                style="display: flex; align-items: center; flex: 0 0 auto; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go3360010050" width="20px" height="20px" viewBox="0 0 20 20" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(180, 187, 195); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
                  <g>
                    <g>
                      <circle stroke-width="1" cx="10" cy="10" r="9.5" fill="#FFFFFF"></circle>
                    </g>
                  </g>
                </svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
                  <defs></defs>
                  <g id="radio_inner_gender__4__9" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="shape-radio_inner_gender__4__9" transform="translate(4.000000, 4.000000)" fill="#303B43">
                      <circle fill="#000000" id="oval-radio_inner_gender__4__9" cx="6" cy="6" r="5.55555556"></circle>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(32, 32, 32); font-family: OvGothic, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">Women
                </div>
              </label><input class="needsclick go2180652697 kl-private-reset-css-Xuajs1" tabindex="0" type="radio" id="gender__4__10" name="gender__4" aria-invalid="false" aria-label="Men"><label for="gender__4__10"
                class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; flex: 0 0 auto; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go3360010050" width="20px"
                  height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(180, 187, 195); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
                  <g>
                    <g>
                      <circle stroke-width="1" cx="10" cy="10" r="9.5" fill="#FFFFFF"></circle>
                    </g>
                  </g>
                </svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
                  <defs></defs>
                  <g id="radio_inner_gender__4__10" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="shape-radio_inner_gender__4__10" transform="translate(4.000000, 4.000000)" fill="#303B43">
                      <circle fill="#000000" id="oval-radio_inner_gender__4__10" cx="6" cy="6" r="5.55555556"></circle>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(32, 32, 32); font-family: OvGothic, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">Men</div>
              </label><input class="needsclick go2180652697 kl-private-reset-css-Xuajs1" tabindex="0" type="radio" id="gender__4__11" name="gender__4" aria-invalid="false" aria-label="Both"><label for="gender__4__11"
                class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; flex: 0 0 auto; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go3360010050" width="20px"
                  height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(180, 187, 195); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
                  <g>
                    <g>
                      <circle stroke-width="1" cx="10" cy="10" r="9.5" fill="#FFFFFF"></circle>
                    </g>
                  </g>
                </svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
                  <defs></defs>
                  <g id="radio_inner_gender__4__11" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="shape-radio_inner_gender__4__11" transform="translate(4.000000, 4.000000)" fill="#303B43">
                      <circle fill="#000000" id="oval-radio_inner_gender__4__11" cx="6" cy="6" r="5.55555556"></circle>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(32, 32, 32); font-family: OvGothic, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">Both
                </div>
              </label></div>
            <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
          </div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 0px 6px 48px 48px; position: relative; flex: 0 1 auto; margin: 0px auto 0px 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><button type="button" tabindex="0" class="needsclick  kl-private-reset-css-Xuajs1"><img
                alt="Sign Up Now" src="https://d3k81ch9hvuctc.cloudfront.net/company/fHY8Ve/images/2a05f374-7953-49fb-ace5-ba6dbc785812.jpeg" role="button" aria-label="Submit and go next" class="needsclick  kl-private-reset-css-Xuajs1"
                style="max-width: 100%; width: 156px; height: auto; cursor: pointer;"></button></div>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to main content
Chevron Pointing Left Icon
Summer's Calling Shop – Summer Essentials
Go the distance.  Shop – The Jog Collection
Hi, we're new.  Shop — New Arrivals
Free Shipping on Orders Over $75
Chevron Pointing Right Icon
Icons for use on the site
 * Women
   
   
    * SHOP BY
      
      * New Arrivals
      * All Women’s
      * Best Sellers
      * OV Extra
   
   
    * APPAREL + MORE
      
      * Dresses
      * Tops & Tanks
      * Shorts & Skorts
      * Bras
      * Leggings
      * Pants
      * Sweatshirts & Jackets
      * Shoes & Accessories
   
   
    * COLLECTIONS
      
      * Summer Essentials
      * Breezy Neutrals
      * Court Sports
      * The Jog Collection
      * CloudKnit
      * Gift Cards

 * Men
   
   
    * SHOP BY
      
      * New Arrivals
      * All Men’s
      * Best Sellers
      * OV Extra
   
   
    * APPAREL + MORE
      
      * Shorts
      * Tops
      * Pants
      * Sweatshirts & Jackets
      * Shoes & Accessories
   
   
    * COLLECTIONS
      
      * Summer Essentials
      * Breezy Neutrals
      * The Jog Collection
      * CloudKnit
      * Gift Cards

Outdoor Voices Logo
 * Enter a search termMagnifying Glass Search IconxArrow Pointing Right
   IconSearch
 * Account Icon
   Account
    * Log In
    * Sign Up

 * Heart Icon
   Close "X" Icon
   Your Wish List
   
   You must Log In or Create An Account to add items to your wish list.

 * Shopping Bag Icon


 * BE BRIGHT. BE BOLD.
   
   
   MEET OUR BRIGHT NEW MOOD-BOOSTING COLORWAY.
   
   Shop — New Arrivals


 * THE OV DRESS LINEUP
   
    *  
   
    * VOLLEY DRESS
      
      6 COLORS AVAILABLE.
   
    * THE EXERCISE DRESS
      
      9 COLORS AVAILABLE.
   
    * JOG DRESS
      
      3 COLORS AVAILABLE.
   
    * VOLLEY DRESS
      
      6 COLORS AVAILABLE.
   
    * THE EXERCISE DRESS
      
      9 COLORS AVAILABLE.
   
    * TECHSWEAT™ MOVE FREE DRESS
      
      3 COLORS AVAILABLE.
   
    * THE EXERCISE DRESS
      
      9 COLORS AVAILABLE.
   
    * JOG DRESS
      
      3 COLORS AVAILABLE.
   
    * THE EXERCISE DRESS
      
      9 COLORS AVAILABLE.
   
    * VOLLEY DRESS
      
      6 COLORS AVAILABLE.
   
    * THE EXERCISE DRESS
      
      9 COLORS AVAILABLE.
   
    * JOG DRESS
      
      3 COLORS AVAILABLE.
   
    * THE EXERCISE DRESS
      
      9 COLORS AVAILABLE.
   
    * DOING THINGS DRESS
      
      3 COLORS AVAILABLE.
   
    * THE EXERCISE DRESS
      
      9 COLORS AVAILABLE.
   
    * WARMUP DRESS
      
      2 COLORS AVAILABLE.
   
    *  
   
   Arrow Pointing Right IconArrow Pointing Left Icon
   Shop — Dresses


 * READY, SET, JOG.
   
   
   MADE FOR MILES.
   
   Shop — Jog Collection
   
   
   WHO NEEDS SLEEVES?
   
   
   NOT YOU.
   
   Shop — Summer Essentials

 * SHOP WOMEN
   
   SHOP MEN


JOIN THE TEAM

Sign up for exclusive OV-only deals and early access to new products.

Email
Email preference:
WomenMenBoth
Sign Up NowSign Up


SWEET!



 * My Account
 * Gift Cards
 * Fabrics
 * Shops
 * Events
 * Returns
 * Help Center

 * Student Discount
 * About Us
 * Careers
 * Sustainability
 * Accessibility
 * Privacy
 * Terms

 * Instagram
 * Facebook
 * TikTok
 * Spotify

©2024 Outdoor Voices





Close dialog 1
Shopping for:
Women
Men
Both