Back to work
00 / 100
品牌策略 × 设计系统 — AI Biometric Identity

为深圳多模态生物识别平台打造的完整视觉语言—— 从品牌战略到可直接投产的设计系统「衡 HÉNG」。

Client

瞳枢科技 TONGSHU AI

Year

2025

Scope

品牌 / 系统 / 动效

向下滚动
01 采集 Collect 02 分析 Analyze 03 确认 Confirm

正在采集生物特征

IRIS · FACE · VOICE — 00%

身份确认

Access Granted · 置信度 99.7%

信任,由此开始

Trust begins here — Case No. 07

01

项目概述

Overview
The Challenge

让机器
认得

瞳枢科技的识别引擎覆盖人脸、虹膜、声纹与步态四种模态, 但产品界面由五个团队独立搭建——视觉割裂、组件重复、 信任感在细节中流失。

我们的任务:建立一套统一的视觉语言, 让「精密」与「可信」成为每一个像素的默认状态, 并以生产级设计系统的形式交付给工程团队。

行业 Industry

人工智能 · 生物识别

周期 Timeline

14 周 · 深圳 / 远程

交付 Deliverables

品牌识别 · 设计系统 · 动效规范

平台 Platforms

Web 控制台 · iOS · Android · 终端设备

信任,不是承诺出来的——设计出来的。

Trust is not promised. It is designed. — Brand Principle No.1

02

品牌识别

Identity
Logo Construction
标志构成
Grid — 8pt
黄金比 1:1.618

识别之眼 — 由四个同心环构成

Four concentric rings · Four biometric modalities
03

色彩系统

Color
曜黑#0A0B0D · YÀO
石墨#15181B · SHÍMÒ
虹青#3FE0C5 · HÓNGQĪNG
瓷白#F2EFE9 · CÍBÁI
警橙#FF6B4A · JǏNGCHÉNG

深色为常态——识别终端多处于安防与夜间场景。 虹青是系统唯一的「生命信号」:只在识别成功、数据流动、 生物特征被确认的瞬间出现。克制,即权威。

04

文字系统

Typography
思源黑体 · Noto Sans SC Space Grotesk — Latin
D1 / 900识别未来
D2 / 700多模态识别引擎
H1 / 500每一次识别,都值得信任
Body / 300正文采用细体思源黑体,行高 1.9,在高密度数据界面中保持呼吸感与可读性。中西文混排时,拉丁字符自动切换至 Space Grotesk。
Caption识别置信度 CONFIDENCE 99.7%
05

组件库

Components — scroll →
虹膜扫描 · ScanTS-021
虹膜匹配中…99.7%
按钮 · ButtonTS-004
确认身份
重新扫描
取消
拒绝访问
身份档案 · RecordTS-037
识别对象员工 ID 8842
识别模态虹膜 + 声纹
置信度99.7%
授权级别L4 · 核心区
状态已通过
声纹 · VoiceprintTS-045
声纹采集ACTIVE
设计令牌 · Tokens420+
--ts-color-iris-500: #3FE0C5;
--ts-color-ink-900: #0A0B0D;
--ts-radius-md: 12px;
--ts-space-4: 16px;
--ts-motion-swift:
  cubic-bezier(.65,0,.35,1);
系统反馈 · AlertsTS-052
PASS · IRIS+VOICE 09:41:07.231

身份验证通过 — 欢迎回来

SYNC · TEMPLATE 09:41:02.874

正在同步生物特征模板…

FAIL · LIVENESS 09:40:58.402

活体检测失败,请重试

06

动效语言

Motion

迅 · Swift

cubic-bezier(.65, 0, .35, 1) · 400ms

识别反馈必须即时。界面响应用户,永远快于用户怀疑系统的速度。

稳 · Steady

cubic-bezier(.22, 1, .36, 1) · 700ms

面板与数据的进出使用长尾缓动——精密仪器般的沉稳落位。

衡 · Balance

cubic-bezier(.83, 0, .17, 1) · 550ms

系统级转场对称出入。所有动效遵循 prefers-reduced-motion。

07

项目范围

Project scope
0 生物识别模态 Biometric modalities
0 产品平台 Product platforms
0 项目周期 · 周 Project weeks
0 统一视觉语言 Unified visual language
Next project →
Nexus OS

AI Platform · Full Visual System