Interlove DSInterlove DS面向跨国交友场景的移动产品设计语言。以 Logo 粉 #FF3D8A 为核心，温暖、可信、克制。本系统包含配色规范与图标库，并扩展出完整的令牌、通用组件与产品特有模式，覆盖用户端界面；情感顾问端另有一套独立的设计系统。
品牌、色彩、文字、间距、圆角与阴影——一切组件的底层语言。
品牌标志为衬线字标 “Interlove”，字母 o 化作心形——爱藏在名字正中。字标始终完整使用，不可拆分；小尺寸、方形位使用 App 图标。
主标志 · 字标 · App 图标
横版字标：浅底用粉、品红/深底/照片用反白；小尺寸与方形位用 App 图标（#E40082 底反白字标）。App 图标底板为 n = 3 超椭圆，形状由资源自带，容器不再加圆角与裁切。
用法规则
✓ 安全间距：标志四周保留 ≥ 标志高度 25% 的留白。
✓ 最小尺寸：横版字标高 ≥ 20px（约 82px 宽）；更小位用 App 图标 ≥ 24px。
✕ 禁用：勿改色（除规定反白）、勿拉伸、勿加阴影描边、勿旋转、勿置于低对比背景。
字标：衬线体 “Interlove”，仅字母 o 为心形；提供粉（浅底）/ 白（深底・照片）两版，始终完整使用，不可拆分或取单字符。
品牌粉为唯一强调色；中性走暖调、避免纯黑纯灰；语义与身份色克制使用。所有实心主操作用按下色 #E22E76 以保证白字对比度达 WCAG AA。
品牌 Brand
语义 Semantic
身份 Identity
中性阶 Neutral（暖调）
对比度复核 · WCAG 2.1（正文 ≥ 4.5 / 大字 ≥ 3.0）
| 前景 / 背景 | 对比度 | 结论 |
|---|---|---|
| 白字 / 实心按钮 #E22E76 | 4.30 | 正文 AA |
| #2E2826 / 背景 #FAF7F6 | 12.6 | AAA |
| #6E6663 / 白 | 5.21 | 正文 AA |
| 白字 / 危险 #E5484D（大字 / 描边） | 3.91 | 大字达标 |
| 深字 / 金 #FFC75A | 9.37 | 正文 AA |
| 白字 / 男 #3D7BFF | 4.52 | 正文 AA |
英文用几何人文无衬线 Figtree（圆润、有温度、专业）；中文用 PingFang SC 系统栈。两者 x-height 接近，混排自然。下方字阶中英并列。
间距以 4 为基数；圆角分四档加全圆；阴影分三级 + 主色光晕。布局优先用 flex/grid 的 gap，不用零散 margin。
间距刻度 Spacing（基数 4）
圆角 Radius
阴影 Elevation
两类图标：① 功能型线性图标，24px 栅格、2px 描边、圆头圆角，用 currentColor 跟随文字色；② 认证与 VIP 等级用「扇贝封缄」印章造型，内置白色图标，传达「已盖章认证」的可信感。
默认 #2E2826，强调态（喜欢 / 翻译 / 爱豆 / 会员）用主色。可点亮图标（喜欢 / 通知）默认为线性，点亮态填充主色，分列为「默认」与「点亮」两枚。本节为全 App 图标唯一真值源：信息 / 警告 / 对勾 / 时钟 / 沙漏 / 调节 / 身高 / 学历 / 职业 / 定位 / 星标 / 手机 / 邮箱 / 礼物 / 查看 / 公告 / 客服 / 收据 / 清理 / 退出 / 删除 / 隐私盾 / 实心皇冠 / 钻石 / 接听 / 摄像头关闭 / 最小化 / 铃声静音 / 信号弱 / 未接来电 / 切换为视频 等已并入，新增图标一律在此登记。
扇贝印章造型 = 「已认证」。颜色区分认证类型，内部白色图标。用于头像旁与资料页。
方向 D：暖金属分级秩序。落地 4 级自暖珠银起——VIP1 暖珠银 / VIP2 香槟金 / VIP3 暖铂 / VIP4「至尊钻」（玫瑰金渐品红的全息处理，承载品牌色 #FF3D8A）；玫瑰铜为预留扩展档（系统可配置最多 6 级）。VIP 仅女会员持有。同一封缄造型：四段金属渐变 + 内层高光面 + 对角反光 + 同色外发光；皇冠居中、等级在下。令牌 --rose-bronze…5 对应 CSS 类 .seal.v1…v5（玫瑰铜…至尊钻），业务等级映射 VIP1–4 = v2–v5。
由令牌组装的可复用控件。组件示例中英并列——产品同时服务中国女会员与美国男会员，所有控件均需双语适配。
实心主按钮用按下色 #E22E76（白字达 AA）+ 主色光晕；危险操作用描边而非实心，与品牌粉拉开。圆角统一 pill。
层级 · 中文
Hierarchy · English
尺寸 · 状态 · 图标
聚焦态用主色描边 + 浅底光晕；错误态用危险色。验证码用独立格子（注册高频）。
文本框 · 文本域
错误态 · 搜索 · 验证码
兴趣标签为多选 chips（注册必填、最多 5 个）；分段控件用于信息流 Tab；开关用于隐身等状态切换。
兴趣标签 · 多选（最多 5）
分段 · 开关 · 单/复选
关系与身份状态标识。性别徽标强制显示（蓝♂/粉♀），实名、互喜、配对、在线等关系状态克制使用。
状态徽标 · 中 / EN
实心性别胶囊（图标库风格）
聊天/会员列表的标准行：头像（含性别徽标）+ 名称与关系徽标 + 摘要 + 时间 + 未读数。
聊天列表 Chat list
底部导航 Tab Bar
推荐 / 消息 / 活动 / 我的
不可逆操作（解除配对、同意配对、注销）必须二次确认对话框；轻提示用 Toast（语义图标区分 · 3 秒自动消失，错误/加载除外）；持续告知用 Banner（信息/警示/危险三色）。
对话框 Dialog · 默认 / 危险 / 图标式
Toast · 语义 / 双行 / 加载
横幅 Banner
进度 · 倒计时
移动端以底部半屏弹层呈现：点击字段从底部升起，含搜索、复选列表（行高 ≥52px）、底部清除 / 确定。可多选、输入即时过滤、无匹配时「添加新值」创建标签；已选以可移除胶囊回填字段。用于职业、择偶偏好等多值筛选。
移动端用单列 + 面包屑的底部弹层逐级深入，层级随国家动态变化：中国＝国家 › 省 › 市（三级）、美国＝国家 › 州（两级）、中美以外仅选国家（一级，选中国家即终选）。用于所在地 / 现所在地 / 出生地及对应筛选项——均由列表选择、不获取地理定位；资料字段为单选（选定即回填并关闭）。
年龄区间、身高区间为双滑块（仅整数）；「几岁到现驻国」为单滑块（范围 0 至当前岁数，与生日联动）。轨道高 6px，滑块 28px + 隐形触点扩展至 ≥44px。用于 P-045 筛选与 P-027 资料。
区间双滑块 · 年龄 / 身高
单滑块 · 几岁到现驻国
范围上限＝当前岁数（示例 32 岁）；用户改生日后上限随之联动。
年收入：先选币种（人民币 / 美元），再联动展示对应 6 档区间，单选。切换币种即整组换档；档位由后台配置。
年收入 Annual income
切换币种 → 区间随之联动
职业＝26 个行业单选，底部弹层 + 关键词搜索；行高 ≥52px、点选即高亮（无 radio，选中态主色浅底），选定即回填并关闭。无「确定」按钮（点选即生效）。选项由后台配置。
自我介绍 5 段，每段 ≤ 2000 字（破冰消息 ≤ 500 同款）。实时字数计数；超限时描边与计数转危险色，提交禁用。
自我描述 · ≤ 2000
超限态（≤ 500 破冰消息）
P-045 所有单选 / 多选筛选项首项固定「不限」：选「不限」清空其余；选其余则自动取消「不限」；多选行可同时选多个具体值。选项均后台可配置（数据驱动、不写死）。
Interlove 特有的组合模式——它们承载了产品的差异化体验：强制性别识别、VIP 配对邀请、跨时区聊天、线下高客单 VIP。这些是设计系统里最该被对齐的部分。
跨国场景下性别识别尤为重要：所有头像仅叠加性别徽标（蓝♂/粉♀，右下角，不可关闭）。实名、VIP 等其他徽标不在头像上叠加，统一在资料页与卡片信息区展示。
右下 · 性别 强制、不可关闭，头像唯一徽标
首页推荐流卡片：封面图 + 性别/VIP 徽标 + 爱心「喜欢」按钮（点击进详情，不使用滑卡手势）。VIP 等级以卡片描边体现。图片用占位，由真实素材替换。
对方气泡白底、我方气泡主色；译文以独立气泡紧随原文气泡，气泡内末行标注翻译服务方（当前为腾讯混元）；跨时区显示本地时间为主、对方时区为辅；撤回与系统撤回居中灰字。
产品最核心的差异化弹窗：经理审批后系统向男方推送。必含——发起 VIP 女资料、推荐理由、48h 倒计时，以及不可弱化的关键告知「同意后你与其他非配对女会员每天仅 3 条免费」（橙色，避免后续投诉）。
全链最高光的瞬间。粉 → 金渐变（随 VIP 等级变化）+ 双方头像合并 + 心形。是「Matched」关系开启的仪式感入口。
VIP 女会员个人中心顶部的身份印记：等级横条 + 封缄徽章 + 服务期剩余 + 本月配对名额进度。横条颜色对应等级。
双货币体系：女会员看 CNY、男会员看 USD，爱豆数两币对齐（100/250/650/1500/3500）。爱豆为虚拟商品，走 Apple IAP / Google Billing；¥100 / $50 档为推荐。
人民币 · 女会员
美元 · 男会员