<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/levis-01-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-01-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-01.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-01.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/levis-01.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/levis-02-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-02-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-02.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-02.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/levis-02.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/levis-03-768x431.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-03-1000x561.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-03.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/levis-03.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/levis-03.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-01-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-01-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-01.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/LevisTablet-01.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-02-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-02-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-02.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/LevisTablet-02.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-03-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-03-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/LevisTablet-03.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/LevisTablet-03.jpg" alt="" />
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/levissm-1-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levissm-1.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/levissm-1.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/levissm-2-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levissm-2.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/levissm-2.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/levissm-3-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levissm-3.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/levissm-3.jpg" alt="" />
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01.jpg">
<img src="https://tomrobison.com/wp-content/uploads/levis-01.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02.jpg">
<img src="https://tomrobison.com/wp-content/uploads/levis-02.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03.jpg">
<img src="https://tomrobison.com/wp-content/uploads/levis-03.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/levis-01.jpg">
<img src="https://tomrobison.com/wp-content/uploads/levis-01.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/levis-02.jpg">
<img src="https://tomrobison.com/wp-content/uploads/levis-02.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03-768x431.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03-1000x561.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/levis-03.jpg">
<img src="https://tomrobison.com/wp-content/uploads/levis-03.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
Autoplay
Levi Strauss
Style Guide Catalogs
Levi Strauss
Style Guide Catalogs
Image controller:
Auto-advance images:
Personal contribution
Design within brand guidelines and production.
Project features
- Collaborated with Levi's retail marketing team to insure brand continuity worldwide.
- Conveyed current brand assets, standards, and messaging.
- Created digital illustrations from architectural drawings.
Project description
I worked with Asylum SF to produce multiple internal style guides that would work to insure that the