桌面 App 图标
在 Dock 中保持高识别度，黑绿底色和白色胶囊足够醒目。
品牌
F-05H 是 Jingle 的正式品牌方向。
最终选择“向右看，更像准备行动”的命令胶囊。它不是一个角色头像，而是一个随时待命的桌面命令入口：有一点生命感，但主体仍然是工具。
Final mark
一个准备行动的命令伙伴。
深色圆角底承载桌面 app 的稳定感；白色胶囊表达命令输入和搜索；绿色状态点表达已就绪；右上唤醒弧让整体像正在响应，而不是静态图案。
命令入口
第一眼要像能输入、能搜索、能执行。
准备行动
眼神向右，但不做夸张表情。
桌面质感
优先适配 Dock、菜单栏、官网和开发者文档。
Assets
同一个标志在不同状态下成立。
正式资产覆盖桌面 app、Web logo、favicon、小尺寸、light / dark、flat、mono、完整 lockup、衣服和周边预览。
JingleCommand everything
Web 端 Logo
在官网导航和文档页面里配合 Jingle 字标使用，保持产品感。
Favicon
小尺寸只保留胶囊、搜索和绿点，减少复杂光影。
Light / Dark
主图标不分裂成两套，依靠图标自身底色适配浅色和深色背景。
扁平版本
用于说明图、系统内小组件和需要低复杂度渲染的场景。
单色版本
用于印刷、压印、合作方物料和极简 UI 场景。
完整 Lockup
用于发布图、品牌页、合作页面和需要完整品牌露出的场景。
衣服
小徽章式露出更合适，不把图标放大成纯装饰图案。
周边
适合贴纸、杯子、帆布包等轻量团队物料。
Design tokens
网站 token 和品牌资产保持同源。
官网的背景、panel、强调色、focus ring、图标阴影和品牌页预览使用同一组颜色与半径，避免页面各做各的。
brand ink
#111816
background
#f7f4ec
panel
#fffdf7
cream
#fffff6
green
#28c97b
gold
#e5bf62
muted
#66706b
line
#dfe7dc
圆角
icon 25.5px / card 8px
图标阴影
0 24px 38px rgba(17, 24, 22, 0.22)
核心资产路径
/brand/jingle-mark.svg
/brand/favicon.svg
/brand/jingle-lockup-light.svg
CSS 变量
--background: #f7f4ec
--foreground: #111816
--muted: #66706b
--panel: #fffdf7
--soft: #edf3eb
--line: #dfe7dc
--gold: #e5bf62
--green: #28c97b
--green-dark: #1c7f61
--brand-cream: #fffff6
--brand-ink: #111816
--brand-shadow-icon: 0 24px 38px rgba(17, 24, 22, 0.22)
--radius-card: 8px
Downloads
官方资产清单
SVG 用于设计和网页，PNG 用于 app 图标、favicon、小尺寸预览、文档截图和对外物料。
/brand/jingle-mark.svgSVG打开/brand/jingle-mark-flat.svgSVG打开/brand/jingle-mark-monochrome.svgSVG打开/brand/jingle-lockup-light.svgSVG打开/brand/jingle-lockup-dark.svgSVG打开/brand/favicon.svgSVG打开/brand/export/jingle-app-icon-1024.pngPNG 1024打开/brand/export/jingle-app-icon-512.pngPNG 512打开/brand/export/jingle-app-icon-256.pngPNG 256打开/brand/export/jingle-favicon-64.pngPNG 64打开/brand/export/jingle-favicon-32.pngPNG 32打开/brand/export/jingle-favicon-16.pngPNG 16打开/brand/export/jingle-mark-flat-512.pngPNG 512打开/brand/export/jingle-mark-monochrome-512.pngPNG 512打开/brand/export/jingle-lockup-light-1200.pngPNG 1200打开
