跳至内容
品牌

Hi Doctor品牌

一个绿色的品牌声音,每种治疗对应一种颜色。正确撰写或展示Hi Doctor所需的一切,都在这里。

  • 当前标志文件
  • 颜色、渐变和底色
  • 字体与语气原则
Hi Doctor组合标志
标志

图形标志与文字标志

图形标志是由两条色带叠成的十字:深色竖条叠在较浅的横条上。主标志将其与圆角小写文字标志搭配使用。

横向标志
反白版本横向标志 · 反白版本
横向标志SVG
图形标志
反白版本图形标志 · 反白版本
图形标志SVG
堆叠标志
堆叠标志SVG
应用图标
应用图标SVG

类别标志

体重管理
体重管理
生发
生发
性健康
性健康
皮肤科
皮肤科
标志使用规范

安全留白

请在组合标志四周保留与图形标志十字横臂高度相等的空白。切勿更改十字的颜色,切勿拉伸、描边,也不要添加其他医疗符号。

带安全留白的组合标志

图形标志:四周留出等于一条十字臂的空白;最小尺寸为20像素。

颜色

类别颜色

品牌绿是Hi Doctor的声音。每种治疗都有各自的颜色。

品牌绿#157a5c
减重蓝#2b5fd0
头发橙#c04a22
性健康玫瑰红#bf3468
皮肤紫#7b4fd6
颜色

渐变

浅色调,单一色相加白色。绝不使用彩虹色,绝不使用深色。渐变会读取页面的强调色,因此在类别页面上会相应改变色调。

gradient-hero所有首屏横幅,位于透明页头之后。
gradient-band取代深色区块的浅色色带。
gradient-cta内容中的CTA面板、指南和邮件。
gradient-progress进度条、目标指示条、路径线。

类别卡片和产品卡片

gradient-category-card · wl减重卡片,配无品牌、无文字的注射笔和白色光晕。
gradient-category-card · hair生发卡片,配无品牌、无文字的产品和白色光晕。
gradient-category-card · sh性健康卡片,配无品牌、无文字的产品和白色光晕。
gradient-category-card · derm皮肤卡片,配无品牌、无文字的产品和白色光晕。
色彩晕染

背景图片

柔和的色彩晕染用作首屏横幅、功能分栏和产品静物图的背景。公司页面使用品牌绿系列,治疗页面使用对应类别的系列。

chroma-hero品牌绿 · 首屏横幅
chroma-glow品牌绿 · 产品背后的光晕
chroma-portrait品牌绿 · 人像和面板
chroma-night品牌绿 · 深色底色,少用
chroma-hero减重 · 首屏横幅
chroma-hero生发 · 首屏横幅
chroma-hero性健康 · 首屏横幅
chroma-portrait生发 · 面板
FIGTREEAa

标题、正文和界面。一款几何无衬线字体,适用于所有场景。

DM MONO01 · Aa

眉标、引题、表头和小标签,使用大写字母。

我们如何写作

语气原则

平和、朴实

句子简短,不夸大,不用感叹号。

如实对待医疗

由医生决定。仅在合适时提供治疗,不合适则退款。

“您”与“我们”

我们与一个人对话,使用第二人称。

默认采用欧洲习惯

欧元价格标明单位,使用公制,日期格式如20 Sep 2026。

下载

标志下载

上方所有标志均提供 SVG 和 PNG 文件;横向标志和图形标志另有适用于深色背景的版本。

堆叠标志
应用图标
体重管理
生发
性健康
皮肤科

如果医生未批准治疗,我们将全额退款。 每次问诊均可全额退款。 退款说明

准备好开始管理您的健康了吗?开始