Web Pattern Library

Github Repo

Menu


Global styles

Global components


Template Structure


Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides

Personalization

My Account / History

Static pages


JavaScript Helpers

Web Pattern Library Marketing template system:

Product Overlap, 2-up

Create Module

Layout

Product

CTA

Message

Alignment - Desktop only

More...

Size

Style

More...

Size

Style

More...

Size

Style

More...

Style

Image Prep for this Module

Portrait

Aspect ratio
84x100
Image resolutions required
2 (small, medium) - PSD template
Small image
Size: 600 × 715 pixels (125kb max)
Filename: imagename_portrait_sml.jpg
Medium image
Size: 1,200 x 1430 pixels (350kb max)
Filename: imagename_portrait_med.jpg
Large image
Leave blank
Image Format
Progressive JPG, optimized in ImageOptim
(lossy minification, 75% quality)
More sample images
View image prep guidelines for all sizes