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

Documentation:

Real Good People: Our Story

Edit

Hero Image

Slot {{ index + 1 }} Media Type

Short Story

Expanded Story

Signature

Photo Collage

Real Good People Grid

People blocks – data import/export

This field contains all data for building the people blocks displayed below. You can copy it to save for later or restore an old state by pasting it in.

People blocks

Preview

Martha's Vineyard, MA Weather

Partly Sunny / Feels like 87° Hi 85° Lo 79°

{{ story.title }}

(Slightly longer version)

{{ story.longquote }}

Real Good People

{{ rgpsectioncaption }}

Image Prep for this Module

Hero

Aspect ratio
2x1
Image resolutions required
3 (small, medium, large) - PSD template
Small image
Size: 800 × 400 pixels (50kb)
Filename: imagename_hero_sml.jpg
Medium image
Size: 1,600 x 800 pixels (150kb)
Filename: imagename_hero_med.jpg
Large image
Size: 2,000 × 1,000 pixels (250kb)
Filename: imagename_hero_lrg.jpg
Image Format
Progressive JPG, optimized in ImageOptim
(lossy minification, 75% quality)
All sample images
View image prep guidelines for all sizes

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

Square

Aspect ratio
1x1
Image resolutions required
1 (small) - PSD template
Small image
Size: 700 × 700 pixels (100kb)
Filename: imagename_square.jpg
Medium image
Leave blank
Large image
Leave blank
Image Format
Progressive JPG, optimized in ImageOptim
(lossy minification, 85% quality)
More sample images
View image prep guidelines for all sizes