时尚指南

每当您为您的网站创建新图像时，请参考下面的列表。 您应该为您需要/使用的所有可能的图像找到一个尺寸。

图像尺寸

• 客户标志：300px × 175px
• 产品类别图片 (PNGS) : 300px × 200px
• 2-Tone 图标：100px × 100px
• 国家图标（位置页面） ：40px × 40px
• 产品图片（PNG 用于产品照片，JPG 用于生活方式照片） ：700px × 700px
• 50/50 页面块图像：800px × 任意高度
• 50/50 页面块视频（封面图片）： 800 像素 x 450 像素 (16:9)
• 列/卡片页块图像： 500 x 300
• 案例研究拼贴图片（使用 PSD 模板） ：800px × 700px
• 主页英雄图片：1000px × 700px
• 内页页眉（红色重叠矩形） ：1000px × 600px
• 学习中心样式标题的标题图像（全景） ：1600px × 350px
• 页脚英雄：1600px × 500px
• 团队生物照片（用 CSS 完成的圆圈） ：300px × 300px
• 帖子类型主要图片（博客、新闻、活动、培训等） ：900px × 500px

字体细节

• H1 – 桌面– Proxima Nova，500 • 50px/55px • 颜色：#000 • 字母间距：-1 • 边距：25px 底部填充
• 黑色或红色背景上的 H1-H5 – • / • 颜色：#FFF
• H1 – 移动– • 35px/40px • 字母间距：-.75
• 标题 – 桌面– Proxima Nova，500，全部大写 • 16 像素/20 像素 • 颜色：#000（75% 不透明度） • 字母间距：+5 • 边距：28 像素底部填充
• 黑色前标题– • / • 颜色：#FFF（75% 不透明度）
• 红色前标题– • / • 颜色：#FFF（100% 不透明度）
• 标题 – 移动– • 14px/18px • 字母间距：-4px
• 介绍风格 – 桌面– Proxima Nova，400 • 26px/37px • 颜色：#000 • 边距：35px 底部填充
• 黑色或红色的介绍风格– • / • 颜色：#FFF
• H2 – 桌面– Proxima Nova，500 • 45px/50px • 颜色：#000 • 边距：20px 底部填充
• H2 – 移动– • 32 像素/40 像素
• H3 – 桌面– Proxima Nova，500 • 42px/48px • 颜色：#000 • 边距：15px 底部填充
• H3 – 移动– • 27px/35px
• H4 – 桌面– Proxima Nova，400 • 32px/38px • 颜色：#000 • 边距：15px 底部填充
• H5 – 桌面– Proxima Nova，400 • 30px/36px • 颜色：#000 • 边距：20px 底部填充
• H6 – 桌面– Proxima Nova，600 • 23px/30px • 颜色：#000 • 边距：20px 底部填充
• H6 – 移动– • 20px/28px
• 段落样式 – 桌面– Proxima Nova，400 • 20 像素/30 像素 • 颜色：#000（75% 不透明度） • 边距：20 像素底部填充
• 黑色段落样式– • / • 颜色：#C8C8C8
• 红色段落样式– • / • 颜色：#FFF
• 段落链接 – 桌面– Proxima Nova , 400 • / • 颜色：#D7172F
• 黑色或红色的段落链接– • / • 颜色：#FFF
• 见证风格– Proxima Nova，300 • 27px/42px • 颜色：#000（75% 不透明度）
• 推荐 – 移动– • 22px/33px

站点颜色值