Colour

Size

Price

Full Price/Sale

Organically Grown Cotton Modern Slim Black Wash Jean

Modern Slim Dark Wash Jean

Relaxed Fit Mid Wash Jean

Relaxed Fit Dark Wash Jean

Modern Slim Mid Wash Jean

Relaxed Jean

New In

Clothing

Shoes & Accessories

Bundle Offers

Style Edits

Editorials

HomePage

Denim & Jeans

    <div>
<style>.cataloguepage .page-content .products .spendsave h2{font-family:Trenery,Times,Times New Roman,serif;font-size:22px;line-height:1.25}@media(min-width: 768px){.cataloguepage .page-content .products .spendsave h2{font-size:18px;line-height:1.25}}@media(min-width: 1024px){.cataloguepage .page-content .products .spendsave h2{font-size:30px;line-height:1.25}}@media(min-width: 1280px){.cataloguepage .page-content .products .spendsave h2{font-size:36px;line-height:1.25}}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-bottom-\[8\%\]{bottom:8%}.tw-left-0{left:0}.tw-top-\[10\%\]{top:10%}.tw-z-10{z-index:10}.tw-m-0{margin:0}.tw-mx-auto{margin-left:auto;margin-right:auto}.tw-mb-\[10px\]{margin-bottom:10px}.tw-mb-\[20px\]{margin-bottom:20px}.tw-block{display:block}.tw-flex{display:flex}.tw-hidden{display:none}.tw-w-full{width:100%}.tw-flex-col{flex-direction:column}.tw-items-center{align-items:center}.tw-scroll-smooth{scroll-behavior:smooth}.tw-border-0{border-width:0}.tw-border-b{border-bottom-width:1px}.tw-border-solid{border-style:solid}.tw-border-primary{--tw-border-opacity:1;border-color:rgb(45 45 45/var(--tw-border-opacity))}.tw-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.tw-bg-\[\#332012\]{--tw-bg-opacity:1;background-color:rgb(51 32 18/var(--tw-bg-opacity))}.tw-bg-stone-50{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity))}.tw-px-\[5px\]{padding-left:5px;padding-right:5px}.tw-text-left{text-align:left}.\!tw-text-center{text-align:center !important}.tw-font-sans{font-family:Crystal,Helvetica,Arial,sans-serif}.tw-font-serif{font-family:Rhymes,Times,Times New Roman,serif}.tw-font-trenery{font-family:Trenery,Times,Times New Roman,serif}.tw-text-\[10px\]{font-size:10px}.tw-text-\[11px\]\/normal{font-size:11px;line-height:1.5}.tw-text-\[22px\]\/tight{font-size:22px;line-height:1.25}.tw-text-\[9px\]\/normal{font-size:9px;line-height:1.5}.\!tw-font-normal{font-weight:400 !important}.tw-font-light{font-weight:300}.tw-font-normal{font-weight:400}.\!tw-uppercase{text-transform:uppercase !important}.tw-uppercase{text-transform:uppercase}.\!tw-normal-case{text-transform:none !important}.tw-normal-case{text-transform:none}.tw-italic{font-style:italic}.\!tw-tracking-normal{letter-spacing:0 !important}.tw-tracking-normal{letter-spacing:0}.\!tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity)) !important}.tw-text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity))}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.\!tw-no-underline{text-decoration-line:none !important}.tw-no-underline{text-decoration-line:none}.tw-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Trenery;src:url(/images/assetimages/fonts/trenery/trenery_regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rhymes;src:url(/images/assetimages/fonts/rhymes/rhymes-text-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Crystal;src:url(/images/assetimages/fonts/crystal/Crystal-Regular.woff2) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}.hover\:tw-opacity-75:hover{opacity:.75}@media(min-width: 400px){.min-\[400px\]\:tw-text-\[10px\]\/normal{font-size:10px;line-height:1.5}}@media(min-width: 768px){.md\:tw-hidden{display:none}.md\:tw-text-\[18px\]\/tight{font-size:18px;line-height:1.25}.md\:tw-text-\[8px\]\/normal{font-size:8px;line-height:1.5}}@media(min-width: 1024px){.lg\:tw-mb-\[20px\]{margin-bottom:20px}.lg\:tw-px-0{padding-left:0;padding-right:0}.lg\:tw-text-\[12px\]{font-size:12px}.lg\:tw-text-\[12px\]\/normal{font-size:12px;line-height:1.5}.lg\:tw-text-\[16px\]\/normal{font-size:16px;line-height:1.5}.lg\:tw-text-\[28px\]\/tight{font-size:28px;line-height:1.25}}@media(min-width: 1280px){.xl\:tw-top-\[15\%\]{top:15%}.xl\:tw-mb-\[40px\]{margin-bottom:40px}.xl\:tw-hidden{display:none}.xl\:tw-text-\[20px\]\/normal{font-size:20px;line-height:1.5}.xl\:tw-text-\[36px\]\/tight{font-size:36px;line-height:1.25}}@media(min-width: 1536px){.\32 xl\:tw-top-\[20\%\]{top:20%}}</style>

    </div>
    <div class="spendsave tw-relative tw-bg-[#332012]">
        <div class="tw-absolute tw-top-[10%] xl:tw-top-[15%] 2xl:tw-top-[20%] tw-left-0 tw-w-full tw-z-10">
            <h2 class="tw-font-trenery tw-text-white !tw-text-center tw-text-[22px]/tight md:tw-text-[18px]/tight lg:tw-text-[28px]/tight xl:tw-text-[36px]/tight !tw-font-normal !tw-uppercase !tw-tracking-normal tw-mb-[10px] lg:tw-mb-[20px] xl:tw-mb-[40px] tw-antialiased">Spend <br class="md:tw-hidden">&amp; Save</h2>
            <p class="tw-font-serif tw-text-white !tw-text-center tw-text-[11px]/normal lg:tw-text-[16px]/normal xl:tw-text-[20px]/normal !tw-font-normal !tw-normal-case !tw-tracking-normal tw-mb-[10px] lg:tw-mb-[20px]">
                $50 off when you spend $150 <br>
                $100 off when you spend $300 <br>
                $200 off when you spend $600 </p>
        </div>
        <div class="tw-absolute tw-bottom-[8%] tw-left-0 tw-w-full tw-z-10 tw-flex tw-flex-col tw-items-center ">
            <a href="/default.aspx?Z=c&action=displayaccount&pg=subscriber" class="btn-sign-in !tw-no-underline tw-font-sans tw-text-[10px] lg:tw-text-[12px] !tw-text-white tw-font-normal tw-uppercase tw-border-0 tw-border-b tw-border-solid tw-border-white tw-mb-[20px]">Become a member</a>

            <p class="tw-font-serif tw-text-white !tw-text-center tw-text-[9px]/normal min-[400px]:tw-text-[10px]/normal md:tw-text-[8px]/normal lg:tw-text-[12px]/normal !tw-font-normal !tw-normal-case tw-px-[5px] lg:tw-px-0">Member exclusive. In store and online.<br>Ends Sunday 25 May. <br class="xl:tw-hidden"><a href="/rewards-terms-and-conditions/" class="tw-no-underline tw-text-white hover:tw-opacity-75 tw-border-0 tw-border-b tw-border-solid tw-border-white">Conditions apply</a>
            </p>

        </div>
        <img src="/images/assetimages/tr-banners/trenery-cross-sell-tile.gif" alt="" class="tw-w-full">
    </div>
    <script type="text/javascript">
        let contentSignBtn = document.querySelectorAll('.spendsave .btn-sign-in');
        let cookieValue = document.cookie.split("; ").find((row) => row.startsWith("loggedIn"));
        if (cookieValue.split('=')[1] == "True") {
            contentSignBtn.forEach(function (element) { element.style.display = "none"; });
        }
    </script>

Delivery

<div>
    <style>
    @font-face {
        font-family: 'Trenery';
        src: url('/images/assetimages/fonts/trenery/trenery_regular.woff') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Crystal';
        src: url('/images/assetimages/fonts/crystal/Crystal-Light.woff2') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: 'Crystal';
        src: url('/images/assetimages/fonts/crystal/Crystal-SemiBold.woff2') format('woff');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
  
    .listing .item.cross-sell-tile.full-width { margin-bottom: 2rem; }
    .fit-guide-banner { width: 100%; font-family: "Akkurat", Arial, Helvetica, sans-serif; margin: 0; font-variant-ligatures: no-common-ligatures; }
    .fit-guide-banner img { width: 100%; }
    .fit-guide-banner { position: relative; }
    .fit-guide-banner .title { position: absolute; bottom: 0; left: 0; right:auto; padding: 20px 30px; color: #FFF; font-family:'Trenery', 'Times', 'Times New Roman', 'serif'!important; font-size:calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));text-transform: uppercase; font-weight: 100; top: 52%; transform: translateY(-50%); }
    .fit-guide-banner .heading { display: block; letter-spacing: normal; text-align: left; font-family:'Trenery', 'Times', 'Times New Roman', 'serif', 'sans-serif'!important; font-weight: 400; font-size: 45px; text-transform: capitalize; font-weight: 100; margin: 0 auto 15px; line-height: 1.1;}
    .fit-guide-banner .cta { display: block; min-width: 130px; background: #fff; color: #2D2D2D; font-family:'Crystal', 'Helvetica', 'Arial', 'sans-serif'!important; font-size: 12px; line-height: 12px; text-align: center; padding: 13px 0 11px; font-weight: 300; text-transform: uppercase; border: 1px solid #FFF; letter-spacing: 0.75px; margin: 0; text-decoration: none;  margin: auto;  }
    .fit-guide-banner .sub-heading {font-family:'Crystal', 'Helvetica', 'Arial', 'sans-serif'!important; font-weight: 500; font-size: 14px; line-height: 3.5; letter-spacing: 0.75px;}

    .fit-guide-banner a:hover .cta { color: #fff; background: #2D2D2D; border-color: #2D2D2D; } 
    @media (min-width: 768px) {
    .fit-guide-banner .cta { max-width: 130px; margin-left: 0;}
    }

    @media (max-width: 1280px) {
    .fit-guide-banner .heading { font-size: 38px; }
    }
    @media (max-width: 1024px) {
    .fit-guide-banner .title { padding: 0 10px; top: auto; bottom: 10px; transform: none;}
    .fit-guide-banner .heading { font-size: 26px; }
    }
    @media (max-width: 767px) {
    .fit-guide-banner .heading { font-size: 22px; margin: 0px auto 10px}
    .fit-guide-banner .sub-heading {font-size: 10px; line-height: 2.5;}
    }

    </style>
    </div>
  <div class="fit-guide-banner">
    <a href="/mens-denim-fit-guide/">
        <picture>
            <img src="/images/assetimages/tr-2024/03/fit-guide/men/tr-denim-fit-guide-crosssell.jpg" alt="">
        </picture>
        <span class="title">
            <span class="sub-heading">Men</span>
            <span class="heading">Denim <br>Fit Guide</span>
            <span class="cta">See More</span>
        </span>
    </a>
  </div>
  

Men's Denim Fit Guide

Filter