brevite.co
Open in
urlscan Pro
23.227.38.32
Public Scan
Submitted URL: http://brevite.co/
Effective URL: https://brevite.co/
Submission: On January 24 via api from US — Scanned from CA
Effective URL: https://brevite.co/
Submission: On January 24 via api from US — Scanned from CA
Form analysis 6 forms found in the DOM
POST /cart/add
<form method="post" action="/cart/add" id="product_form_7369621569690" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="add-to-cart-wrapper 1"><!-- HC - CQ Revisions [START] - 24 Aug 21 -->
<!-- HC - CQ Revisions [END] - 24 Aug 21 -->
<button type="submit" name="add" class="btn btn--large btn--full btn--splash addToCart" data-add-to-cart="">
<span data-add-to-cart-text="">Add to Cart</span>
</button>
<a class="klaviyo-bis-trigger btn btn--clear uppsecase" href="#">Notify Me When Available</a>
</div>
<div class="add-to-cart-error hide"></div>
<!-- HC - quick side access added - 22 July '21 -->
<style>
.product-size-swatcher-wraper~.swatch-wrapper--color .swatch__item[data-size-option-value="Regular"] {
display: inline-block;
}
</style>
<div class="product-size-swatcher-wraper swatch-wrapper swatch-wrapper-product-grid-the-jumper-backpack-42097186242714 swatch-wrapper--size" data-index="option1" data-swatch-wrapper="" id="hcswatchesproduct-grid-the-jumper-backpack-420971862427141"
data-size-option-selected-value="Regular">
<div data-swatch="">
<div class="product-size-selected-label">Size: <span class="product-size-selected-value" js-product-size-value="" data-swatch-label-value="">Regular</span>
<span class="product-size-difference-button" js-product-size-much-bigger="" style="display: none;">How Much Bigger?</span>
</div>
<ul class="product-size-options">
<li class="product-size-option active" data-swatch-item="" js-product-size-option="">
<a data-swatch-link="" data-value="Regular">Regular</a>
</li>
<li class="product-size-option " data-swatch-item="" js-product-size-option="">
<a data-swatch-link="" data-value="Large">Large</a>
</li>
</ul>
</div>
</div>
<div class="selector-wrapper js">
<label for="SingleOptionSelector-product-grid-the-jumper-backpack-42097186242714-0"> Size </label>
<select class="single-option-selector single-option-selector-product-grid-the-jumper-backpack-42097186242714" id="SingleOptionSelector-product-grid-the-jumper-backpack-42097186242714-0"
data-section="product-grid-the-jumper-backpack-42097186242714" data-index="option1">
<option value="Regular" selected="selected" style="display: block;">Regular</option>
<option value="Large" style="display: none;">Large</option>
</select>
</div>
<div class="swatch-wrapper swatch-wrapper-product-grid-the-jumper-backpack-42097186242714 swatch-wrapper--color" data-index="option2" data-swatch-wrapper="" id="hcswatchesproduct-grid-the-jumper-backpack-420971862427142">
<div class="swatch" data-swatch="">
<div class="swatch__label">Color: <span class="swatch__label__value" data-swatch-label-value=""></span></div>
<ul class="swatch__list" data-swatch-list="" js-color-select-list="">
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item active hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186242714" class="swatch__link" title="Pine Green" data-value="Pine Green" data-color-and-size-value="Pine Green / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/files/Jumper-Photo_Green_Front_Stag_3_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Pine Green</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186275482" class="swatch__link" title="Triple Black" data-value="Triple Black" data-color-and-size-value="Triple Black / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/files/Jumper-Photo_Black_Front_stag_3_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Triple Black</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186472090" class="swatch__link" title="Charcoal Gray" data-value="Charcoal Gray" data-color-and-size-value="Charcoal Gray / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/files/Jumper-Photo_CharcoalGray_Old_Front_ff94f9f8-7bde-4d9f-8062-22f0082e38e3_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Charcoal Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186308250" class="swatch__link" title="Moonlit Blue" data-value="Moonlit Blue" data-color-and-size-value="Moonlit Blue / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/files/Jumper-Photo_Blue_Front_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Moonlit Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186341018" class="swatch__link" title="Boulder Tan" data-value="Boulder Tan" data-color-and-size-value="Boulder Tan / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/files/Jumper-Photo_Tan_Front_f00d079a-46e9-4ab7-aed7-ea9b0e0f15e2_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Boulder Tan</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186439322" class="swatch__link" title="Nimbus Gray" data-value="Nimbus Gray" data-color-and-size-value="Nimbus Gray / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Jumper-Photo_Gray_Front_cfe7d678-ccb5-436f-b524-3cae10ab532d_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Nimbus Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186177178" class="swatch__link" title="Poppy Red" data-value="Poppy Red" data-color-and-size-value="Poppy Red / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Jumper-Photo_Red_Front_18c2a0e2-5a49-4afe-83d3-04d2e31328a9_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Poppy Red</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186209946" class="swatch__link" title="Powder Teal" data-value="Powder Teal" data-color-and-size-value="Powder Teal / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Jumper-Photo_Teal_Front_Stag_7012e6f2-6e4f-4163-a9a4-1ba4e6ad90b5_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Powder Teal</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186373786" class="swatch__link" title="Misty Blue" data-value="Misty Blue" data-color-and-size-value="Misty Blue / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/files/Jumper-Photo_Misty-Blue_Front_1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Misty Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186406554" class="swatch__link" title="Blush Pink" data-value="Blush Pink" data-color-and-size-value="Blush Pink / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Jumper-Photo_Pink_Front_31a4002b-9b51-4fc4-9dae-2edcbdfd8914_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Blush Pink</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Regular">
<a href="/products/the-jumper-backpack?variant=42097186144410" class="swatch__link" title="Lemon Yellow" data-value="Lemon Yellow" data-color-and-size-value="Lemon Yellow / Regular" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/files/Jumper-Photo_Yellow_Front_Stag_2_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Lemon Yellow</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item active soldout hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097382916250" class="swatch__link" title="Pine Green" data-value="Pine Green" data-color-and-size-value="Pine Green / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Green_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Pine Green</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097382949018" class="swatch__link" title="Triple Black" data-value="Triple Black" data-color-and-size-value="Triple Black / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Black_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Triple Black</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097383243930" class="swatch__link" title="Charcoal Gray" data-value="Charcoal Gray" data-color-and-size-value="Charcoal Gray / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Charcoal-Gray_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Charcoal Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097383014554" class="swatch__link" title="Moonlit Blue" data-value="Moonlit Blue" data-color-and-size-value="Moonlit Blue / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Blue_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Moonlit Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097383080090" class="swatch__link" title="Boulder Tan" data-value="Boulder Tan" data-color-and-size-value="Boulder Tan / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Tan_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Boulder Tan</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097383211162" class="swatch__link" title="Nimbus Gray" data-value="Nimbus Gray" data-color-and-size-value="Nimbus Gray / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Nimbus-Gray_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Nimbus Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097382850714" class="swatch__link" title="Poppy Red" data-value="Poppy Red" data-color-and-size-value="Poppy Red / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Red_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Poppy Red</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097383145626" class="swatch__link" title="Misty Blue" data-value="Misty Blue" data-color-and-size-value="Misty Blue / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Misty-Blue_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Misty Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097383178394" class="swatch__link" title="Blush Pink" data-value="Blush Pink" data-color-and-size-value="Blush Pink / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Pink_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Blush Pink</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="" data-size-option-value="Large">
<a href="/products/the-jumper-backpack?variant=42097382817946" class="swatch__link" title="Lemon Yellow" data-value="Lemon Yellow" data-color-and-size-value="Lemon Yellow / Large" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/BREVITE_Jumper-Large_Yellow_Front_May2022.1_50x.jpg?v=1693506115")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Lemon Yellow</span>
</a>
</li>
</ul>
</div>
</div>
<div class="selector-wrapper js">
<label for="SingleOptionSelector-product-grid-the-jumper-backpack-42097186242714-1"> Color </label>
<select class="single-option-selector single-option-selector-product-grid-the-jumper-backpack-42097186242714" id="SingleOptionSelector-product-grid-the-jumper-backpack-42097186242714-1"
data-section="product-grid-the-jumper-backpack-42097186242714" data-index="option2">
<option value="Pine Green" selected="selected" style="display: block;">Pine Green</option>
<option value="Triple Black" style="display: block;">Triple Black</option>
<option value="Charcoal Gray" style="display: block;">Charcoal Gray</option>
<option value="Moonlit Blue" style="display: block;">Moonlit Blue</option>
<option value="Boulder Tan" style="display: block;">Boulder Tan</option>
<option value="Nimbus Gray" style="display: block;">Nimbus Gray</option>
<option value="Poppy Red" style="display: block;">Poppy Red</option>
<option value="Powder Teal" style="display: none;">Powder Teal</option>
<option value="Misty Blue" style="display: block;">Misty Blue</option>
<option value="Blush Pink" style="display: block;">Blush Pink</option>
<option value="Lemon Yellow" style="display: block;">Lemon Yellow</option>
</select>
</div>
<select style="display: none" name="id" id="ProductSelect-product-grid-the-jumper-backpack-42097186242714" data-section="product-grid-the-jumper-backpack-42097186242714" class="product-form__variants no-js" aria-label="Size, Color">
<option selected="selected" value="42097186242714"> Regular / Pine Green </option>
<option value="42097186275482"> Regular / Triple Black </option>
<option value="42097186472090"> Regular / Charcoal Gray </option>
<option value="42097186308250"> Regular / Moonlit Blue </option>
<option value="42097186341018"> Regular / Boulder Tan </option>
<option value="42097186439322"> Regular / Nimbus Gray </option>
<option value="42097186177178"> Regular / Poppy Red </option>
<option disabled="disabled" value="42097186209946">Regular / Powder Teal - Sold Out</option>
<option value="42097186373786"> Regular / Misty Blue </option>
<option value="42097186406554"> Regular / Blush Pink </option>
<option value="42097186144410"> Regular / Lemon Yellow </option>
<option disabled="disabled" value="42097382916250">Large / Pine Green - Sold Out</option>
<option disabled="disabled" value="42097382949018">Large / Triple Black - Sold Out</option>
<option disabled="disabled" value="42097383243930">Large / Charcoal Gray - Sold Out</option>
<option value="42097383014554"> Large / Moonlit Blue </option>
<option disabled="disabled" value="42097383080090">Large / Boulder Tan - Sold Out</option>
<option value="42097383211162"> Large / Nimbus Gray </option>
<option value="42097382850714"> Large / Poppy Red </option>
<option value="42097383145626"> Large / Misty Blue </option>
<option value="42097383178394"> Large / Blush Pink </option>
<option value="42097382817946"> Large / Lemon Yellow </option>
</select>
<!-- HC - 29 Sep '21 - moved upsell below --><input type="hidden" name="product-id" value="7369621569690"><input type="hidden" name="section-id" value="163333761100e20520">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_5900595462298" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="add-to-cart-wrapper 1"><!-- HC - CQ Revisions [START] - 24 Aug 21 -->
<!-- HC - CQ Revisions [END] - 24 Aug 21 -->
<button type="submit" name="add" class="btn btn--large btn--full btn--splash addToCart" data-add-to-cart="">
<span data-add-to-cart-text="">Add to Cart</span>
</button>
<a class="klaviyo-bis-trigger btn btn--clear uppsecase" href="#">Notify Me When Available</a>
</div>
<div class="add-to-cart-error hide"></div>
<!-- HC - quick side access added - 22 July '21 -->
<div class="swatch-wrapper swatch-wrapper-product-grid-the-runner-backpack-37008058286234 swatch-wrapper--color" data-index="option1" data-swatch-wrapper="" id="hcswatchesproduct-grid-the-runner-backpack-370080582862341">
<div class="swatch" data-swatch="">
<div class="swatch__label">Color: <span class="swatch__label__value" data-swatch-label-value=""></span></div>
<ul class="swatch__list" data-swatch-list="" js-color-select-list=""><!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item active hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058286234" class="swatch__link" title="Lemon Yellow" data-value="Lemon Yellow" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Yellow_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Lemon Yellow</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058384538" class="swatch__link" title="Poppy Red" data-value="Poppy Red" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Red_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Poppy Red</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058450074" class="swatch__link" title="Powder Teal" data-value="Powder Teal" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Teal_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Powder Teal</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058155162" class="swatch__link" title="Triple Black" data-value="Triple Black" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Black_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Triple Black</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058187930" class="swatch__link" title="Pine Green" data-value="Pine Green" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Green_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Pine Green</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058220698" class="swatch__link" title="Moonlit Blue" data-value="Moonlit Blue" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Blue_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Moonlit Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058253466" class="swatch__link" title="Boulder Tan" data-value="Boulder Tan" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Tan_Runner-Photo-Front.282_50x.png?v=1646949541")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Boulder Tan</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058319002" class="swatch__link" title="Misty Blue" data-value="Misty Blue" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Misty-Blue_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Misty Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058351770" class="swatch__link" title="Blush Pink" data-value="Blush Pink" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Pink_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Blush Pink</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=37008058417306" class="swatch__link" title="Nimbus Gray" data-value="Nimbus Gray" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Gray_Runner-Photo-Front_50x.jpg?v=1668526801")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Nimbus Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-runner-backpack?variant=43307837227162" class="swatch__link" title="Charcoal Gray" data-value="Charcoal Gray" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Gray_Runner-Photo-Front.282_50x.jpg?v=1675889315")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Charcoal Gray</span>
</a>
</li>
</ul>
</div>
</div>
<div class="selector-wrapper js">
<label for="SingleOptionSelector-product-grid-the-runner-backpack-37008058286234-0"> Color </label>
<select class="single-option-selector single-option-selector-product-grid-the-runner-backpack-37008058286234" id="SingleOptionSelector-product-grid-the-runner-backpack-37008058286234-0"
data-section="product-grid-the-runner-backpack-37008058286234" data-index="option1">
<option value="Lemon Yellow" selected="selected">Lemon Yellow</option>
<option value="Poppy Red">Poppy Red</option>
<option value="Powder Teal">Powder Teal - Sold Out</option>
<option value="Triple Black">Triple Black</option>
<option value="Pine Green">Pine Green</option>
<option value="Moonlit Blue">Moonlit Blue</option>
<option value="Boulder Tan">Boulder Tan</option>
<option value="Misty Blue">Misty Blue</option>
<option value="Blush Pink">Blush Pink</option>
<option value="Nimbus Gray">Nimbus Gray</option>
<option value="Charcoal Gray">Charcoal Gray</option>
</select>
</div>
<select style="display: none" name="id" id="ProductSelect-product-grid-the-runner-backpack-37008058286234" data-section="product-grid-the-runner-backpack-37008058286234" class="product-form__variants no-js" aria-label="Color">
<option selected="selected" value="37008058286234"> Lemon Yellow </option>
<option value="37008058384538"> Poppy Red </option>
<option disabled="disabled" value="37008058450074">Powder Teal - Sold Out</option>
<option value="37008058155162"> Triple Black </option>
<option value="37008058187930"> Pine Green </option>
<option value="37008058220698"> Moonlit Blue </option>
<option value="37008058253466"> Boulder Tan </option>
<option value="37008058319002"> Misty Blue </option>
<option value="37008058351770"> Blush Pink </option>
<option value="37008058417306"> Nimbus Gray </option>
<option value="43307837227162"> Charcoal Gray </option>
</select>
<!-- HC - 29 Sep '21 - moved upsell below --><input type="hidden" name="product-id" value="5900595462298"><input type="hidden" name="section-id" value="163333761100e20520">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_5417595830426" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="add-to-cart-wrapper 1"><!-- HC - CQ Revisions [START] - 24 Aug 21 -->
<!-- HC - CQ Revisions [END] - 24 Aug 21 -->
<button type="submit" name="add" class="btn btn--large btn--full btn--splash addToCart" data-add-to-cart="">
<span data-add-to-cart-text="">Add to Cart</span>
</button>
<a class="klaviyo-bis-trigger btn btn--clear uppsecase" href="#">Notify Me When Available</a>
</div>
<div class="add-to-cart-error hide"></div>
<!-- HC - quick side access added - 22 July '21 -->
<div class="swatch-wrapper swatch-wrapper-product-grid-the-brevite-backpack-34952238891162 swatch-wrapper--color" data-index="option1" data-swatch-wrapper="" id="hcswatchesproduct-grid-the-brevite-backpack-349522388911621">
<div class="swatch" data-swatch="">
<div class="swatch__label">Color: <span class="swatch__label__value" data-swatch-label-value=""></span></div>
<ul class="swatch__list" data-swatch-list="" js-color-select-list=""><!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item active hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=34952238891162" class="swatch__link" title="Pine Green" data-value="Pine Green" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Green_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Pine Green</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=34952238858394" class="swatch__link" title="Triple Black" data-value="Triple Black" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Black_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Triple Black</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=41538906357914" class="swatch__link" title="Charcoal Gray" data-value="Charcoal Gray" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack_Charcoal-Gray_Front_b829c22f-d425-4fd9-9395-47b6ef907fc2_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Charcoal Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=34952238923930" class="swatch__link" title="Moonlit Blue" data-value="Moonlit Blue" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Blue_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Moonlit Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=34952238956698" class="swatch__link" title="Boulder Tan" data-value="Boulder Tan" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Tan_Front_50x.png?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Boulder Tan</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=40147553845402" class="swatch__link" title="Misty Blue" data-value="Misty Blue" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Misty-Blue_Front_50x.jpg?v=1623944242")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Misty Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=40147559710874" class="swatch__link" title="Poppy Red" data-value="Poppy Red" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack_Red_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Poppy Red</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=40147557089434" class="swatch__link" title="Blush Pink" data-value="Blush Pink" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Pink_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Blush Pink</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=40147562791066" class="swatch__link" title="Nimbus Gray" data-value="Nimbus Gray" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Gray_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Nimbus Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=40147569475738" class="swatch__link" title="Powder Teal" data-value="Powder Teal" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack_Teal_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Powder Teal</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-brevite-backpack?variant=34952238989466" class="swatch__link" title="Lemon Yellow" data-value="Lemon Yellow" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Brevite-Backpack-Yellow_Front_50x.jpg?v=1668520118")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Lemon Yellow</span>
</a>
</li>
</ul>
</div>
</div>
<div class="selector-wrapper js">
<label for="SingleOptionSelector-product-grid-the-brevite-backpack-34952238891162-0"> Color </label>
<select class="single-option-selector single-option-selector-product-grid-the-brevite-backpack-34952238891162" id="SingleOptionSelector-product-grid-the-brevite-backpack-34952238891162-0"
data-section="product-grid-the-brevite-backpack-34952238891162" data-index="option1">
<option value="Pine Green" selected="selected">Pine Green</option>
<option value="Triple Black">Triple Black</option>
<option value="Charcoal Gray">Charcoal Gray</option>
<option value="Moonlit Blue">Moonlit Blue - Sold Out</option>
<option value="Boulder Tan">Boulder Tan</option>
<option value="Misty Blue">Misty Blue</option>
<option value="Poppy Red">Poppy Red</option>
<option value="Blush Pink">Blush Pink</option>
<option value="Nimbus Gray">Nimbus Gray - Sold Out</option>
<option value="Powder Teal">Powder Teal - Sold Out</option>
<option value="Lemon Yellow">Lemon Yellow</option>
</select>
</div>
<select style="display: none" name="id" id="ProductSelect-product-grid-the-brevite-backpack-34952238891162" data-section="product-grid-the-brevite-backpack-34952238891162" class="product-form__variants no-js" aria-label="Color">
<option selected="selected" value="34952238891162"> Pine Green </option>
<option value="34952238858394"> Triple Black </option>
<option value="41538906357914"> Charcoal Gray </option>
<option disabled="disabled" value="34952238923930">Moonlit Blue - Sold Out</option>
<option value="34952238956698"> Boulder Tan </option>
<option value="40147553845402"> Misty Blue </option>
<option value="40147559710874"> Poppy Red </option>
<option value="40147557089434"> Blush Pink </option>
<option disabled="disabled" value="40147562791066">Nimbus Gray - Sold Out</option>
<option disabled="disabled" value="40147569475738">Powder Teal - Sold Out</option>
<option value="34952238989466"> Lemon Yellow </option>
</select>
<!-- HC - 29 Sep '21 - moved upsell below --><input type="hidden" name="product-id" value="5417595830426"><input type="hidden" name="section-id" value="163333761100e20520">
</form>POST /cart/add
<form method="post" action="/cart/add" id="product_form_5937759355034" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<div class="add-to-cart-wrapper 1"><!-- HC - CQ Revisions [START] - 24 Aug 21 -->
<!-- HC - CQ Revisions [END] - 24 Aug 21 -->
<button type="submit" name="add" class="btn btn--large btn--full btn--splash addToCart" data-add-to-cart="">
<span data-add-to-cart-text="">Add to Cart</span>
</button>
<a class="klaviyo-bis-trigger btn btn--clear uppsecase" href="#">Notify Me When Available</a>
</div>
<div class="add-to-cart-error hide"></div>
<!-- HC - quick side access added - 22 July '21 -->
<div class="swatch-wrapper swatch-wrapper-product-grid-the-daily-backpack-42541589332122 swatch-wrapper--color" data-index="option1" data-swatch-wrapper="" id="hcswatchesproduct-grid-the-daily-backpack-425415893321221">
<div class="swatch" data-swatch="">
<div class="swatch__label">Color: <span class="swatch__label__value" data-swatch-label-value=""></span></div>
<ul class="swatch__list" data-swatch-list="" js-color-select-list=""><!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item active hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42541589332122" class="swatch__link" title="Triple Black" data-value="Triple Black" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Black_Front_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Triple Black</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42541589364890" class="swatch__link" title="Pine Green" data-value="Pine Green" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Green_Front_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Pine Green</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42541589397658" class="swatch__link" title="Moonlit Blue" data-value="Moonlit Blue" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Blue_Front_50x.jpg?v=1613225723")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Moonlit Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42531113304218" class="swatch__link" title="Boulder Tan" data-value="Boulder Tan" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Tan_Front_1_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Boulder Tan</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42531113336986" class="swatch__link" title="Nimbus Gray" data-value="Nimbus Gray" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Gray_Front_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Nimbus Gray</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42276088217754" class="swatch__link" title="Lemon Yellow" data-value="Lemon Yellow" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Yellow_Front_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Lemon Yellow</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42276088250522" class="swatch__link" title="Misty Blue" data-value="Misty Blue" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Misty-Blue_Front_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Misty Blue</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item soldout hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42276088283290" class="swatch__link" title="Powder Teal" data-value="Powder Teal" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/DailyBackpack_Front_2_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Powder Teal</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42276088316058" class="swatch__link" title="Poppy Red" data-value="Poppy Red" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Red_Front_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Poppy Red</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42531113369754" class="swatch__link" title="Blush Pink" data-value="Blush Pink" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Pink_Front_50x.png?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Blush Pink</span>
</a>
</li>
<!-- HC - Sold out added - 26 Jul '21 -->
<li class="swatch__item hc-color" data-swatch-item="">
<a href="/products/the-daily-backpack?variant=42531113402522" class="swatch__link" title="Charcoal Gray" data-value="Charcoal Gray" data-swatch-link=""><span class="swatch__link__image" style="background-image:url("//brevite.co/cdn/shop/products/Daily-Backpack_Cahrcoal-Gray_Front_50x.jpg?v=1668520492")"></span>
<span class="swatch__link__color"></span><span class="swatch__link__text">Charcoal Gray</span>
</a>
</li>
</ul>
</div>
</div>
<div class="selector-wrapper js">
<label for="SingleOptionSelector-product-grid-the-daily-backpack-42541589332122-0"> Color </label>
<select class="single-option-selector single-option-selector-product-grid-the-daily-backpack-42541589332122" id="SingleOptionSelector-product-grid-the-daily-backpack-42541589332122-0" data-section="product-grid-the-daily-backpack-42541589332122"
data-index="option1">
<option value="Triple Black" selected="selected">Triple Black</option>
<option value="Pine Green">Pine Green</option>
<option value="Moonlit Blue">Moonlit Blue</option>
<option value="Boulder Tan">Boulder Tan</option>
<option value="Nimbus Gray">Nimbus Gray</option>
<option value="Lemon Yellow">Lemon Yellow</option>
<option value="Misty Blue">Misty Blue</option>
<option value="Powder Teal">Powder Teal - Sold Out</option>
<option value="Poppy Red">Poppy Red</option>
<option value="Blush Pink">Blush Pink</option>
<option value="Charcoal Gray">Charcoal Gray</option>
</select>
</div>
<select style="display: none" name="id" id="ProductSelect-product-grid-the-daily-backpack-42541589332122" data-section="product-grid-the-daily-backpack-42541589332122" class="product-form__variants no-js" aria-label="Color">
<option selected="selected" value="42541589332122"> Triple Black </option>
<option value="42541589364890"> Pine Green </option>
<option value="42541589397658"> Moonlit Blue </option>
<option value="42531113304218"> Boulder Tan </option>
<option value="42531113336986"> Nimbus Gray </option>
<option value="42276088217754"> Lemon Yellow </option>
<option value="42276088250522"> Misty Blue </option>
<option disabled="disabled" value="42276088283290">Powder Teal - Sold Out</option>
<option value="42276088316058"> Poppy Red </option>
<option value="42531113369754"> Blush Pink </option>
<option value="42531113402522"> Charcoal Gray </option>
</select>
<!-- HC - 29 Sep '21 - moved upsell below --><input type="hidden" name="product-id" value="5937759355034"><input type="hidden" name="section-id" value="163333761100e20520">
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-M29Z6Z" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 450px; margin: 0px auto; border-radius: 2px; border-style: none; border-width: 0px; border-color: rgb(56, 76, 84); background-color: rgba(223, 200, 171, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 0px 5px 10px; 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: 5px 20px 5px 10px; position: relative; background-color: rgba(255, 255, 255, 0); 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_34768855" class="needsclick go3896241164 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: 38px; text-align: left; color: rgb(56, 76, 84); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(223, 200, 171, 0); border: 1px solid rgb(56, 76, 84);">
<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: 2px 20px 5px 10px; 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 type="text" id="Birthday_34768856" class="needsclick go3896241164 kl-private-reset-css-Xuajs1"
tabindex="0" placeholder="Birthday (optional)" aria-label="Birthday (optional)" aria-invalid="false"
style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 38px; text-align: left; color: rgb(56, 76, 84); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(223, 200, 171, 0); border: 1px solid rgb(56, 76, 84);">
<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: 5px 10px 10px; position: relative; flex: 0 1 auto;"><button
class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(56, 76, 84); border-radius: 2px; border-style: none; border-color: rgb(0, 0, 0); border-width: 0px; color: rgb(255, 255, 255); font-family: Epilogue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 11px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto;">Sign
Up</button></div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_2 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-SR3xzw" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(48, 74, 88); background-color: rgb(245, 226, 215); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 15px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 450px; 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: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-71992697" style="width: 100%;">
<p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-meek-display"
style="font-size:36px;color:rgb(48, 74, 88);font-family:Meek Display, 'Arial Black', 'Arial Bold', Gadget, sans-serif;font-weight:500;">Would you like to win a free Backpack?</span></p>
</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: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-71992698" style="width: 100%;">
<p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-epilogue"
style="color:rgb(48, 74, 88);font-size:16px;font-family:Epilogue, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400;">Winners picked monthly</span></p>
</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: 10px 6px; position: relative; flex: 1 0 0px;"><button
class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(245, 226, 215); border-radius: 2px; border-style: solid; border-color: rgb(255, 255, 255); border-width: 2px; color: rgb(255, 255, 255); font-family: Epilogue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 50px; width: 100%;">No</button>
</div>
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;"><button
class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(52, 74, 86); border-radius: 5px; border-style: solid; border-color: rgb(52, 74, 86); border-width: 5px; color: rgb(255, 255, 255); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto; width: 100%;">Yes</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Press Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader
Guide, Feedback, and Issue Reporting Skip to content
Free Domestic Shipping Over $50 | Gift cards Available
* Shop
* Laptop Backpacks
* BREVITE BACKPACK
* DAILY BACKPACK
* CROSSBODY
* THE BELT BAG
* Camera Backpacks
* JUMPER
* RUNNER
* PHOTO KIT
* CABLE KIT
* Accessories
* POUCH
* PHOTO KIT
* RAIN COVER
* BREVITE PINS
* ZODIAC PINS
* ALPHABET PINS
* Quiz
* FAQs
* About
Cart 0
* Laptop Backpacks
* BREVITE BACKPACK
* DAILY BACKPACK
* CROSSBODY
* THE BELT BAG
* Camera Backpacks
* JUMPER
* RUNNER
* PHOTO KIT
* CABLE KIT
* Accessories
* POUCH
* PHOTO KIT
* RAIN COVER
* BREVITE PINS
* ALPHABET PINS
* ZODIAC PINS
* Shop
* 15% Off Sets
* Quiz
* Faq
* About
BACKPACKS DESIGNED TO HAVE MORE FUN
Shop Camera Bags Shop Everyday Bags
BACKPACKS DESIGNED TO HAVE MORE FUN
Shop Camera Bags Shop Everyday Bags
Best Everyday Backpack
Best Small Backpack
Forbes 30 Under 30
America's Fastest- Growing Private Companies
Award Winning
"Cult Favorite"
WHAT TYPE OF BAG?
The most fun and functional camera backpacks designed for far more than just
your camera
Camera Backpack Laptop Backpack
Click to see more!
CAMERA BACKPACK
Difference
Traditional Zipper Top
Add to Cart Notify Me When Available
Size: Regular How Much Bigger?
* Regular
* Large
Size Regular Large
Color:
* Pine Green
* Triple Black
* Charcoal Gray
* Moonlit Blue
* Boulder Tan
* Nimbus Gray
* Poppy Red
* Powder Teal
* Misty Blue
* Blush Pink
* Lemon Yellow
* Pine Green
* Triple Black
* Charcoal Gray
* Moonlit Blue
* Boulder Tan
* Nimbus Gray
* Poppy Red
* Misty Blue
* Blush Pink
* Lemon Yellow
Color Pine Green Triple Black Charcoal Gray Moonlit Blue Boulder Tan Nimbus Gray
Poppy Red Powder Teal Misty Blue Blush Pink Lemon Yellow
Regular / Pine Green Regular / Triple Black Regular / Charcoal Gray Regular /
Moonlit Blue Regular / Boulder Tan Regular / Nimbus Gray Regular / Poppy Red
Regular / Powder Teal - Sold Out Regular / Misty Blue Regular / Blush Pink
Regular / Lemon Yellow Large / Pine Green - Sold Out Large / Triple Black - Sold
Out Large / Charcoal Gray - Sold Out Large / Moonlit Blue Large / Boulder Tan -
Sold Out Large / Nimbus Gray Large / Poppy Red Large / Misty Blue Large / Blush
Pink Large / Lemon Yellow
THE JUMPER
$169.99 USD $0.00 USD
Difference
Double Magnetic Latch
Add to Cart Notify Me When Available
Color:
* Lemon Yellow
* Poppy Red
* Powder Teal
* Triple Black
* Pine Green
* Moonlit Blue
* Boulder Tan
* Misty Blue
* Blush Pink
* Nimbus Gray
* Charcoal Gray
Color Lemon Yellow Poppy Red Powder Teal - Sold Out Triple Black Pine Green
Moonlit Blue Boulder Tan Misty Blue Blush Pink Nimbus Gray Charcoal Gray
Lemon Yellow Poppy Red Powder Teal - Sold Out Triple Black Pine Green Moonlit
Blue Boulder Tan Misty Blue Blush Pink Nimbus Gray Charcoal Gray
THE RUNNER
$169.99 USD $0.00 USD
LAPTOP BACKPACK
Difference
Traditional Zipper Top
Add to Cart Notify Me When Available
Color:
* Pine Green
* Triple Black
* Charcoal Gray
* Moonlit Blue
* Boulder Tan
* Misty Blue
* Poppy Red
* Blush Pink
* Nimbus Gray
* Powder Teal
* Lemon Yellow
Color Pine Green Triple Black Charcoal Gray Moonlit Blue - Sold Out Boulder Tan
Misty Blue Poppy Red Blush Pink Nimbus Gray - Sold Out Powder Teal - Sold Out
Lemon Yellow
Pine Green Triple Black Charcoal Gray Moonlit Blue - Sold Out Boulder Tan Misty
Blue Poppy Red Blush Pink Nimbus Gray - Sold Out Powder Teal - Sold Out Lemon
Yellow
THE BREVITĒ
$129.99 USD $0.00 USD
Difference
Double Magnetic Latch
Add to Cart Notify Me When Available
Color:
* Triple Black
* Pine Green
* Moonlit Blue
* Boulder Tan
* Nimbus Gray
* Lemon Yellow
* Misty Blue
* Powder Teal
* Poppy Red
* Blush Pink
* Charcoal Gray
Color Triple Black Pine Green Moonlit Blue Boulder Tan Nimbus Gray Lemon Yellow
Misty Blue Powder Teal - Sold Out Poppy Red Blush Pink Charcoal Gray
Triple Black Pine Green Moonlit Blue Boulder Tan Nimbus Gray Lemon Yellow Misty
Blue Powder Teal - Sold Out Poppy Red Blush Pink Charcoal Gray
THE DAILY
$129.99 USD $0.00 USD
WE’VE GOT YOUR BACK.
We design our backpacks with you and the planet in mind.
WORRY FREE ADVENTURES
Water-resistant and machine washable.
MINDFUL MATERIALS
Made from 100% recycled polyester (aka recycled water bottles)
FREE SHIPPING OVER $50
Know what's better than getting a backpack? Not paying for shipping!
5000+ 5 STAR REVIEWS
We're giving you about a month to fall in love with your backpack.
LIFETIME WARRANTY
We stand by our product. Scout's Honor.
BREVITĒ PINS
Bold, bright, and interesting like you. Super high quality and hold tight to
your backpack.
Shop now
MEET THE JUMPER PHOTO
Award-Winning Camera Bag | 5000+ 5 star reviews
4x International Award Winning
"Best Pick" – Wired
"Best Small Camera Backpack" – Shotkit
MELISSA V. VERIFIED BUYER
*
*
*
*
*
There is so much room! You can fit a laptop, water, a tripod, your camera &
lenses, a change of clothes or shoes! I love the front pocket for the camera and
lenses, so much more convenient than the shoulder bag I was carrying around.
ERIN K. VERIFIED BUYER
*
*
*
*
*
Say YES to Brevite Jumper! Great everyday backpack that holds all the photo gear
needed to take on the city, plus there is enough room for a jacket, water, and
snacks.
SKYLER P. VERIFIED BUYER
*
*
*
*
*
Long search for a good camera bag finally over. I had been looking for years now
for a good bag to replace my old worn out one. Tried a bunch of bags and ended
up giving them away. It had been hard to find a functional one that can carry a
laptop, and most importantly, allows for very quick access to my gear. This bag
is the one.
BETTER WITH BREVITĒ
As a brand, we have the power to shape our impact on the planet and our
community. We’re committed to making the world a better place.
All of our products use recycled fabrics, Bluesign fabrics, and ethical
factories.
Over $500K of backpacks committed to America's Youth and $150k of backpacks
donated to NYC's homeless.
JOIN THE PACK
Get updates on new products and offers!
Sign Up
*
*
*
ABOUT
* Our Mission
* Careers
HELP
* FAQs
* Get $20 Off
* Returns
* Warranty
* Customer Resource Center
LET'S CONNECT
* Contact Us
* Carry Our Brand
* Become an Affiliate
* Corporate Sales
Questions?
We're here for you
7 days a week.
support@brevite.co
* Terms of Service
* Privacy Policy
* CCPA Form
* Accessibility
* Site Credits
* Development:
CART
Your cart is empty.
CART
Your cart is empty.
Close dialog 2
Would you like to win a free Backpack?
Winners picked monthly
No
Yes