Desktop design

Lightbox design

Mobile design

E-commerce product page

<p class="title leading-8 md:leading-10 text-sm font-bold uppercase text-[#ff7d1a] ">sneaker company</p>

<p class="name font-bold capitalize text-3xl md:text-4xl  leading-8">fall limited edition sneakers</p>

<p class="about mt-4 text-sm leading-8 text-[#68707d]">These low-profile sneakers are your perfect casual wear companion. Feature a durable rubber outer sole, they'll withstand everything the weather can offer.</p>

/3 gap-4"><img class=" md:rounded-xl cursor-pointer " loading="lazy" src="/assets/image-product-1.0c6fe8e3.jpg" alt="fall limited edition sneakers"><div c

eX(0px);"><li class="splide__slide splide__slide--clone is-visible" id="splide01-clone01" role="group" aria-roledescription="slide" aria-label="3 of 4" style="width: calc(100%);"><div c

/div></li><li class="splide__slide splide__slide--clone is-visible is-prev" id="splide01-clone02" role="group" aria-roledescription="slide" aria-label="4 of 4" style="width: calc(100%);"><div c

/div></li><li class="splide__slide is-active is-visible" id="splide01-slide01" role="group" aria-roledescription="slide" aria-label="1 of 4" style="width: calc(100%);"><div c

/div></li><li class="splide__slide is-visible is-next" id="splide01-slide02" role="group" aria-roledescription="slide" aria-label="2 of 4" style="width: calc(100%);"><div c

/div></li><li class="splide__slide is-visible" id="splide01-slide03" role="group" aria-roledescription="slide" aria-label="3 of 4" style="width: calc(100%);"><div c

/div></li><li class="splide__slide is-visible" id="splide01-slide04" role="group" aria-roledescription="slide" aria-label="4 of 4" style="width: calc(100%);"><div c

/div></li><li class="splide__slide splide__slide--clone is-active is-visible" id="splide01-clone03" role="group" aria-roledescription="slide" aria-label="1 of 4" style="width: calc(100%);"><div c

/div></li><li class="splide__slide splide__slide--clone is-visible" id="splide01-clone04" role="group" aria-roledescription="slide" aria-label="2 of 4" style="width: calc(100%);"><div c

Design comparison

Please log in to post a comment

Community feedback

Ecommerce-product-page

Design comparison

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community