Style Guide / Image Sizing

Colors

Backgrounds

Color Code	File
#ffffff	ffffff.png
#172949	172949.png
#000000	000000.png
#d9d9d9	d9d9d9.png

Text

Color Code	File
#000000	000000.png
#172949	172949.png
#3d3d3d	3d3d3d.png

Fonts

Headings

font-family: freight-big-pro, serif   
font-size: 14px;   
line-height: 23px;  

font-family: amiri, serif  
font-size: 16px;  
line-height: 16px;  

font-family: sweet-sans-pro, sans-serif  
font-size: 12px;   
line-height: 17px;  

Body

font-family: freight-big-pro, serif  
font-size: 14px;  
line-height: 23px;  

Sections

Navigation Images

Aspect Raio: 37 : 32
Best Image Size: 1156 x 1000

slideshow / Page Headers

Desktop

Aspect Ratio: 511 : 227
Best Image Size: 2600x1155

Mobile

Collection List

Desktop/Mobile

Aspect Ratio: 311 : 400
Best Image Size: 1000 x 1286

Rich Text with Image

Desktop/Mobile

Aspect Ratio: 1 : 1
Best Image Size: 1200 x 1200

Logos Section

Desktop/Mobile

Make a square and position all logos in the center so that all the images are scaled to the same size

Aspect Ratio: 1 : 1
Best Image Size: 1000 x 1000

Image Grid

Desktop/Mobile

Suggest a tall rectangle

Aspect Ratio: 9 : 4
Best Image Size: 1800 x 800