GiftMind · 品牌视觉规范手册 2025

The Perfect Gift,
Every Time.

本手册定义了 GiftMind 的完整品牌视觉语言——从 Logo 到色彩系统,从字体规范到 UI 组件, 确保每一个触点都传递出「温暖智能」的品牌气质。

GiftMind Brand Mockup
Brand Story

品牌理念
温暖 × 智能

GiftMind 诞生于一个简单的洞察:送礼是人类最古老的情感表达方式之一, 但在现代社会,它正在变成一件令人焦虑的差事。

我们相信,真正好的礼物不是最贵的,而是最懂对方的。GiftMind 用 AI 的力量, 帮助每一个人成为最懂心意的送礼者——让每一份礼物都成为情感升温的契机。

品牌 Slogan

"The Perfect Gift, Every Time."

温暖智能

AI 的精准与人类情感的温度完美融合,让每一次推荐都有温度。

情感连接

礼物是情感的载体,我们帮助人们用礼物深化每一段关系。

创意无限

突破传统实物边界,将体验、时间、数字内容都变成礼物。

隐私优先

用户数据端侧处理,联邦学习保护隐私,信任是品牌基石。

Color System

色彩系统

GiftMind 的色彩哲学:以深邃紫色传递智能与信任,以珊瑚金渐变注入温暖与活力。

GiftMind Color System

品牌主色

#6C3CE1

活力珊瑚

#FF6B6B

温暖金

#FFB347

深邃夜空

#0F0A1E

柔雾薰衣草

#F0EBFF

纯白

#FFFFFF

色彩使用规范

色彩HEXOKLCH使用场景

品牌主色

Brand Purple

#6C3CE1oklch(0.47 0.22 290)主要行动按钮、品牌强调、导航高亮、关键交互元素

活力珊瑚

Energy Coral

#FF6B6Boklch(0.68 0.19 25)通知徽章、情感标签、错误提示、高优先级标记

温暖金

Warmth Gold

#FFB347oklch(0.78 0.16 70)评分星级、成功状态、温暖提示、渐变搭配

深邃夜空

Deep Navy

#0F0A1Eoklch(0.12 0.04 290)深色背景、高对比度文字、Hero 区域底色

柔雾薰衣草

Soft Lavender

#F0EBFFoklch(0.95 0.03 290)页面浅色背景、卡片底色、悬停状态背景

纯白

Pure White

#FFFFFFoklch(1 0 0)卡片表面、模态框、输入框背景、内容区域

品牌渐变

Brand Gradient

主要CTA按钮、Hero背景

linear-gradient(135deg, #6C3CE1 0%, #9B6DFF 100%)

Warm Gradient

强调文字、装饰元素

linear-gradient(135deg, #FF6B6B 0%, #FFB347 100%)

Dark Gradient

深色区域背景

linear-gradient(135deg, #0F0A1E 0%, #1A1040 100%)
Typography

字体规范

GiftMind Typography System
1
主显示字体

Plus Jakarta Sans

用于所有标题、品牌文字、CTA 按钮文字。具有现代感的圆润几何风格,兼顾专业与亲和。

Ag
ExtraBold
Ag
Bold
Ag
SemiBold
Ag
Regular
2
正文字体

Inter

用于所有正文内容、说明文字、表单标签。极佳的屏幕可读性,支持多种语言环境。

Ag
Bold
Ag
SemiBold
Ag
Regular
Ag
Light
3
中文字体搭配

苹方 PingFang SC

macOS / iOS 系统首选中文字体,用于标题与强调文字

GiftMind 致力于为每一个特别的时刻,帮助您找到最合适的礼物。用心挑选,传递心意,让每一份礼物都充满意义。

思源黑体 Noto Sans SC

跨平台通用中文字体,用于正文内容与 Android 环境

GiftMind 致力于为每一个特别的时刻,帮助您找到最合适的礼物。用心挑选,传递心意,让每一份礼物都充满意义。

字号层级系统

H1

送出最懂心意的礼物

页面主标题 / Hero 标题

56px / 64px

ExtraBold 800

H2

AI 深度用户画像

章节标题 / 功能区标题

40px / 48px

Bold 700

H3

三层推荐架构

子章节 / 卡片标题

28px / 36px

SemiBold 600

Body L

GiftMind 用 AI 的力量,帮助每一个人成为最懂心意的送礼者。

主要正文内容

18px / 28px

Regular 400

Body

让每一份礼物都成为情感升温的契机,传递真实的心意。

普通正文 / 描述文字

16px / 24px

Regular 400

Caption

AI 推荐 · 实时比价 · 当日达

辅助说明 / 标签文字

12px / 16px

Medium 500

UI Components

UI 组件系统

所有组件遵循品牌色彩系统与字体规范,确保视觉一致性。

GiftMind UI Components

主要按钮

次要按钮

Website UI

网站 UI 方案

GiftMind 网站采用深色主基调与紫金渐变,营造高端、智能、温暖的视觉体验。

GiftMind
AI 驱动的送礼决策引擎

The Perfect Gift,
Every Time.

GiftMind 用深度 AI 理解你和对方的关系,生成三层个性化礼物方案——从现货推荐到概念定制,让每一份礼物都充满温度。

98%
用户满意度
50万+
成功送礼案例
3层
个性化推荐方案
Brand Illustration Style

流畅的微交互

每个按钮、卡片、输入框都有精心设计的 hover 与 active 状态,让用户感受到界面的生命力。

非对称布局

摒弃千篇一律的居中布局,采用编辑风格的非对称排版,在视觉上创造动感与层次。

渐进式信息披露

通过 AI 对话逐步引导用户输入信息,避免复杂表单带来的认知负担,提升完成率。

Illustration

插画风格规范

GiftMind 的插画采用温暖的 3D 等距风格,以品牌紫色为主调,珊瑚金为点缀,传递智能与温情并存的品牌气质。

Illustration Style

3D 等距风格

所有插画采用统一的 3D 等距视角,增加空间感与现代感,区别于扁平化插画。

品牌色彩一致性

插画主色调严格遵循品牌色彩系统,紫色占主导,珊瑚金用于高光与点缀。

情感化人物设计

人物角色设计具有多样性,表情自然,传递真实的情感状态与互动场景。