Visual SystemFive Colors / 2026

Color, Image & Typography

Less pink.
More contrast.

以柔雾白建立大面积留白,以可可棕承担文字与深色区域,再用 Joli 莓红完成品牌识别;灰粉渐变只保留在影像氛围中。

整套系统由五个色值组成。Soft White 柔雾白和 Cocoa Brown 可可棕建立明暗骨架,Joli Berry Joli 莓红负责品牌动作,Stone Mist 岩雾灰与 Skin Veil 肤感薄雾同时作为独立中性色和渐变两端。

#DED7CFStone Mist / 岩雾灰
16% · 结构中性色
渐变起点
#4B1507Cocoa Brown / 可可棕
9% · 正文 / 深色区域
细节
#8E1826Joli Berry / Joli 莓红
15% · 品牌识别
卖点 / CTA
#F2E1DASkin Veil / 肤感薄雾
10% · 影像氛围
渐变终点
#FDFCF3Soft White / 柔雾白
50% · 大面积留白
页面与包装基础色
01 / COLOR SYSTEM

颜色不是平均铺满,
而是各司其职。

点击颜色查看具体角色、推荐比例和落地示范。浅色负责呼吸感,深色负责可读性,Joli 莓红只在关键动作处集中出现。

BASE / 50%

Space to breathe.

作为页面、包装和详情页的大面积基础色,拉开内容距离,让产品照片和品牌红拥有更干净的呼吸空间。

Explore Collection

Soft White / 柔雾白

#FDFCF3
适合位置

网页背景、包装底色、电商详情页、字体规范和信息留白。

推荐比例

约 50%。它是视觉基础,不是另一种暖粉色背景。

避免方式

避免加入偏黄滤镜;保持接近中性的象牙白感。

LetsJoli 五种基础色与三种系列渐变的动态颜色规范
02 / IMAGE TEMPLATE

这套模板的核心不是单张构图,而是让模特、肤色、字体、Logo、背景和辅助图形形成稳定组合,并能延展到电商图与视频。

LetsJoli 主附图模板参考 Main Image

基准模特:35-44 岁感、美国大码女性、真实柔软曲线、浅金至金棕发色、自然暖中性浅肤色;保留肌肤纹理,不冷白、不重度磨皮。

人物必须让目标用户产生真实代入感。画面先保留完整身体与产品关系,再用左上 Logo、局部小卖点和底部核心利益建立阅读顺序。

01模特形象

35-44 岁感、美国大码女性、身体柔软真实,不使用健身型或过度纤细模特;姿态放松、自信、日常。

02肤色与修图

以自然暖中性浅肤色为基准,不偏黄、不粉白;保留皮肤纹理、肩背起伏与真实身体折线。

03字体组合

小卖点使用 Playfair Display Medium Italic;底部核心卖点使用 Helvetica Neue Heavy,全大写主句搭配 Roman 辅助句。

04Logo 位置

完整 Logo 固定在左上安全区,宽度约占画面 16-20%,四周保留约 4-5% 安全距离,不压人物面部。

05背景颜色

优先 Soft White 柔雾白;需要肤感时使用 Stone Mist 岩雾灰到 Skin Veil 肤感薄雾渐变,避免纯粉背景和额外滤镜。

06辅助图形

图形 Logo 只以低对比水印或引导元素出现;必须让位于模特、完整 Logo、产品结构和红色信息条。

AUXILIARY GRAPHIC / USE RULES

辅助图形使用规范

图形 Logo 不承担主品牌识别,也不承载核心信息。它只用于建立轻微的空间层次、连接产品卖点或引导视线,任何时候都不能抢过模特、完整 Logo 和 Joli Berry 信息条。

LetsJoli 多元身材模特产品画面 LetsJoli 完整 Logo
Back thin & breathableEffortless pull-on design
01
低对比水印

建议不透明度为 6%-12%,复杂背景最高不超过 15%。使用 Stone Mist 到 Skin Veil 渐变,不使用实心 Cocoa Brown 或 Joli Berry。

02
只做视线引导

可放在画面边缘、产品结构附近或底部信息两侧;保持局部裁切与留白,不覆盖面部、胸型、肩带和关键产品细节。

03
固定信息层级

视觉优先级始终为:模特与产品 → 完整 Logo → 红色信息条 → 辅助图形。缩小画面时优先删除辅助图形。

04
禁止主视觉化

不单独居中放大,不重复密集排列,不旋转跳动,不与完整 Logo 并列,也不作为标题或按钮底板。

卖点不是一行字,
而是一套固定组合。

固定字体、辅助图形、细线和相对位置后,主图、附图、详情页和视频才会具有统一识别。

Adjustable wide straps
Component A / Small Benefit

图形 Logo + 斜体短句 + 细线

用于指向肩带、后背、钢圈或面料细节。图形 Logo 贴近结构起点,Playfair Display Medium Italic 只写一条短利益点,细线负责连接,不使用长段说明。

Back thin & breathableEffortless pull-on design
Component B / Bottom Benefit

粗体主卖点 + 常规辅助句 + 隐形图形场

底部主句使用 Helvetica Neue Heavy,全大写且不超过两行;辅助句使用 Helvetica Neue Roman。两侧渐变图形 Logo 保持低对比,形成包裹感但不抢文字。

CROSS-CHANNEL USE

同一组合,可直接进入视频。

视频中保留左上完整 Logo、底部卖点层级和两侧渐变图形 Logo。辅助图形只做缓慢呼吸或淡入淡出,不旋转、不跳动,始终保持低对比。

电商主图商品附图详情页短视频下三分之一片尾利益点
Back thin & breathableEffortless pull-on design
03 / TYPOGRAPHY

Playfair Display 负责品牌气质、轻性感和斜体小卖点;Helvetica Neue 负责功能、规格与转化。中文使用清晰现代的黑体,不模拟英文字体的装饰感。

Typography / Font Pairing Playfair Display Helvetica Neue
AaRegular
AaMedium Italic
Brand Asset / LogoOfficial artwork
Do not typeset
Logo 使用正式图形文件,不以字体重新输入或近似替代。优先使用 Cocoa Brown 深色底配 Soft White 标志,并保留完整安全空间。
Brand Symbol / IconOfficial artwork
Independent mark
LetsJoli 图标 Logo
图标可独立用于头像、角标、包装封口和小尺寸品牌识别。不要拉伸、旋转或加入描边;在正式品牌页面顶部优先与完整字标组合使用。
Editorial BenefitPlayfair Display
Italic 500
Adjustable wide straps
用于产品细节旁的情绪化利益描述。一张图最多使用一处,句子保持短。
Functional HeadlineHelvetica Neue
Heavy 800
Back thin & breathable
用于主卖点、功能标题、按钮和规格信息。允许全大写,但不要超过两行。

More air.
Deeper contrast.
One bold signal.

Soft White 建立大面积留白,Cocoa Brown 提供稳定可读的深色骨架,Joli Berry 聚焦品牌动作。Stone Mist 与 Skin Veil 作为渐变两端,只在影像氛围中柔和连接。