How to wear Sweatpants | Outfits & style ideas for Men (2024)

Lesley Krijan

May 10, 2021

If you’ve seen our blog post about how to find the perfect sustainable sweatpants, you should already know what to look for when buying them. The next step is the right styling: in 2021 there are more options for combining them than ever before.

The Smart Look

With some simple tricks, it’s easy to integrate the comfortable pants into a casual business outfit. Paired with ourOxford Shirt,The Perfect Sweatpantslook far more elegant. For this more formal look, it’s important to make sure that the shirt has a slim fit and doesn’t look too casual, so that the sporty character of the sweatpants fades into the background.

If you follow this tip, you will have found the perfect outfit for home-office days or the next after-work meeting with colleagues. For this occasion, the Oxford Shirt can also be worn open over a plainwhite T-Shirt, which is tucked into the sweatpants. Simple sneakers complete the look.

The Comfy Look

The combination of agrey hoodieandgrey sweatpantscombines two trends for 2021. The monochrome trend (i.e. a complete look in only one color) was last seen on the catwalks of Men’s Fashion Week and the tracksuit is probably the most popular street style outfit of last year.

It is also a real all-rounder. There is no better outfit for staying at home. And if you have to run errands, you will look cool while you’re getting things done. In autumn and winter, a trench coat or a light wool coat can be combined with the modern tracksuit. If you don’t like to look quite so monotone, a colored cap or sneakers can provide an eye-catching counterpoint.

The modern version of the tracksuit by SANVT

The Sporty Look

With all these outfit ideas, of course, we must not forget the original function of sweatpants. Yes, they were actually invented for doing sports. And while we can understand that it is tempting to lie on the sofa in these cozy pants rather than go jogging, we have found the perfect look for those who still like to keep things sporty.

Combined withThe Perfect T-Shirt,The Perfect Sweatpantsare suitable for almost any kind of sports. The basic T-shirt can be worn tucked-in to emphasise the minimalist style and to give some shape to the outfit.The Zip Hoodieis the perfect companion for cooler days and, worn open, it still provides enough warmth through the innovative loopback material (loops on the inside) with the T-shirt still visible.

The tucked in T-Shirt looks sporty in combination with the zip hoodie

The Perfect Sweatpantsare a classic fashion piece that will never go out of style. The modern cut in combination with minimalist design makes them a timeless basic, that you will rely on for a long time. Not only do they impress with their striking softness, but they are also breathable and warming at the same time. This means you can wear the sweatpants all year round and never have to sacrifice comfort even on warmer days.

`; }); progressLayout += ` `; progressContainer.innerHTML = progressLayout; container.append(progressContainer); } /** * Price format helper function **/ progressBar7027308808231979020.priceFormatter = (price) => { const formatter = new Intl.NumberFormat("en-US", { style: "currency", currency: Shopify.currency.active, minimumFractionDigits: 0, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1) //maximumFractionDigits: 0, // (causes 2500.99 to be printed as $2,501) }); let priceFormatted = formatter.format(price); // fix currency position const matches = priceFormatted.match(/([^0-9]+)([0-9.,]+(,.)?[0-9]+)/); if (matches) { priceFormatted = matches[2] + matches[1]; } return priceFormatted; } /** * Get active shipping rates based on user location **/ progressBar7027308808231979020.getShippingForUser = () => { const shippingRates = progressBar7027308808231979020.shippingRates; const userLocation = progressBar7027308808231979020.userLocation; let shipping_rate = 0; // standard shipping rate for user location let shipping_min_order = 0; // minimum order amount for free shipping let price_based_shipping_rates = []; // get Shipping rate based on user country shippingRates.forEach((rateType) => { rateType.countries.forEach((country) => { if (userLocation.includes(country.code) || country.code == "*") { price_based_shipping_rates = rateType.price_based_shipping_rates; return; } }); }); if (!price_based_shipping_rates.length) { // no shipping rates found progressBar7027308808231979020.debug["No shipping rates found"] = ""; progressBar7027308808231979020.shipping = { shipping_rate: 0, shipping_min_order: 10000000 }; return; } progressBar7027308808231979020.debug["Shipping rates found:"] = price_based_shipping_rates; // get Shipping amounts price_based_shipping_rates.forEach((rate) => { // Get default shipping rate if ((rate.min_order_subtotal == "0" || rate.min_order_subtotal == "0.0" || rate.min_order_subtotal == "0.00" || rate.min_order_subtotal == null) && !rate.name.includes('Express') // this is really bad solution as its hard-coded and can change anytime ) { shipping_rate = parseFloat(rate.price); } // Get free shipping minimum cart amount if ((rate.price == "0" || rate.price == "0.0" || rate.price == "0.00" || rate.price == null) && !rate.name.includes('Express') // this is really bad solution as its hard-coded and can change anytime ) { shipping_min_order = parseFloat(rate.min_order_subtotal) * 100; } }); // Expose for future use inside bars progressBar7027308808231979020.shipping = { shipping_rate, shipping_min_order }; // Fix shipping price amount in the cart if (shipping_rate && window.localStorage.getItem("discount-app_applied-type") != "shipping" ) { document.querySelector(fix_shipping_selector).innerHTML = progressBar7027308808231979020.priceFormatter(shipping_rate); } progressBar7027308808231979020.debug["Shipping results:"] = progressBar7027308808231979020.shipping; } /** * Wait for element loading helper * Need for embed container **/ progressBar7027308808231979020.waitForLoad = (selector) => { let wait, timeout; const deferred = new Promise((resolve, reject) => { wait = setInterval(() => { if (!document.querySelector(selector)) { return; } clearInterval(wait); clearTimeout(timeout); resolve(); }, 100); timeout = setTimeout(() => { clearInterval(wait); reject(); }, 15000); }); return deferred; } // Initial page loading init // Init container progressBar7027308808231979020.debug = []; progressBar7027308808231979020.container = document.getElementById(`progressBar7027308808231979020`); if (!progressBar7027308808231979020.container) { progressBar7027308808231979020.waitForLoad(embed_after_selector).then(() => { const res = progressBar7027308808231979020.embed(embed_after_selector); if (res) { progressBar7027308808231979020.container = document.getElementById(`progressBar7027308808231979020`); } }); } // Prepare data and render progressBar7027308808231979020.getData().then(() => { if (!progressBar7027308808231979020.container) { console.warn("Cart progress bar: embed container not found:", embed_after_selector); return; } progressBar7027308808231979020.init(); let cartElement; // Listen for ajax cart changes if (cart_element) { cartElement = document.querySelector(cart_element); } progressBar7027308808231979020.MutationObserver = window.MutationObserver || window.WebKitMutationObserver; let duplicatesBlocker = 0; progressBar7027308808231979020.observer = new progressBar7027308808231979020.MutationObserver((mutations, observer) => { let isFilteredMutations = true; mutations.forEach(mutation => { if (mutation.target.className.includes("splide")) { isFilteredMutations = false; } }); if (!isFilteredMutations) return; if (duplicatesBlocker) return; duplicatesBlocker = 1; progressBar7027308808231979020.getData().then(() => { progressBar7027308808231979020.init(); setTimeout(() => { duplicatesBlocker = 0; }, 100); console.debug("Progressbar: observer rerender", mutations); }); }); progressBar7027308808231979020.observer.observe(cartElement || document, { childList: true, subtree: true }); // Listen for add to cart event document.addEventListener("cart:added", () => { progressBar7027308808231979020.getData().then(() => { progressBar7027308808231979020.init(); setTimeout(() => { duplicatesBlocker = 0; }, 100); }); }); // Debug console.log("Cart progress bar debug", progressBar7027308808231979020.debug); }); // free shipping reached document.addEventListener("freeShippingReached", (e) => { const bar = e.detail; progressBar7027308808231979020.debug["Free shipping reached!"] = bar; const fixShippingEl = document.querySelector(fix_shipping_selector); if (!fixShippingEl) return; if (!fixShippingEl.getAttribute("data-original-amount")) { fixShippingEl.setAttribute("data-original-amount", fixShippingEl.innerHTML); } fixShippingEl.innerHTML = progressBar7027308808231979020.priceFormatter(0); }); // free shipping reset document.addEventListener("freeShippingReset", (e) => { if (window.localStorage.getItem("discount-app_applied-type") == "shipping") { // discount app fix return; } const bar = e.detail; progressBar7027308808231979020.debug["Free shipping reset"] = bar; const fixShippingEl = document.querySelector(fix_shipping_selector); if (!fixShippingEl) return; fixShippingEl.innerHTML = progressBar7027308808231979020.priceFormatter(progressBar7027308808231979020.shipping.shipping_rate); });