TUNANAIR Brand Center | v1.0 | 2026-10-13

Keep the original logo proportions and clear space. SVG logo paths are outlined.
PNG is suitable for everyday use; SVG is suitable for editable vector artwork.
Print artwork is RGB, not a CMYK production master. Presentation layouts are SVG/PNG, not PPTX.
Replace all template placeholders before use. Concept images are for reference.

TUNAN AIR 标识素材使用说明
版本：2026-10-13

这套交付采用统一矢量母版重绘生成。整体品牌为 TUNAN AIR，AIR 中 A 的横画与 I 连笔，体现 AI 方向；TN 小标保留内侧短竖，增强 T、N 两个字母的结构识别。所有分类素材共享同一套轮廓和颜色。Logo 文件中的形状是固定矢量路径，没有字体依赖。名片、文档、工牌和演示模板中的信息文字仍可编辑。

一、先按用途选目录

core/
  纯字标、TN 小标、横向组合、上下组合及带安全留白版本。
  wordmark-* 是完整 TUNAN AIR；symbol-* 是 TN；lockup-horizontal-* 是横向组合；lockup-stacked-* 是上下组合。
  ink 用于白色或浅色背景；white 用于近黑、品牌蓝等深色背景；blue 用于少量数字界面强调。
  文件名包含 safe 的版本已留出外部空白。其余贴合图形外框的版本需要在布局中另留空白。

digital/
  网站页头、主页右上角、首页首屏、移动首屏、登录背景、页脚、邮件签名、社交头像、分享封面、应用入口、启动页和品牌状态配图。

icons/
  浏览器图标与应用常用尺寸 PNG；网站图标使用 favicon-16/32/48/64.png，移动收藏入口使用 apple-touch-icon.png，PWA 使用 app-192.png、app-512.png 或 app-maskable-512.png。
  数字图标按其标注的像素尺寸使用。应用源图没有预制外部圆角，平台可以按自身规则施加蒙版。

print/
  名片、A4 信纸及合同页眉页脚、报价页头、信封、演示封面和内容页、透明水印。

office/
  门牌、工牌、T 恤胸口印花、胸章、手提袋印刷面、文件夹封面。

guides/
  设计思路整体图和应用场景地图。
  如果总览中出现门头、设备或名片等应用照片，照片用于展示效果；实际可直接采用的标识和模板文件位于上述分类目录。

各分类目录中的 catalog.json 记录了用途、尺寸、透明信息以及可替换字段，便于选图。

二、网站常用位置与推荐显示宽度

网站左上角页头：
  浅色页面：digital/01-header-wordmark-dark.svg
  深色页面：digital/02-header-wordmark-light.svg
  建议显示宽度 260 px，高度按图片自身比例自动计算。
  需要同时展示大小标时使用 03/04-header-lockup-*，建议显示宽度 320 px。

移动页头：
  digital/07-mobile-header-lockup.svg，建议显示宽度 180—220 px。

主页右上角的品牌角标：
  浅色页面使用 digital/05-upper-right-symbol-dark.svg；深色页面使用 06-upper-right-symbol-light.svg。
  建议显示宽度 64—80 px。该图是品牌标识，页面操作按钮仍需明确的文字或功能图标。

首页首屏：
  10-homepage-hero-dark-1920x1080.svg 或 11-homepage-hero-light-1920x1080.svg 用于桌面。
  12-homepage-hero-mobile-1080x1440.svg 用于移动页面。
  图片中的留白可用于叠加真实标题、正文和按钮。优先按原比例呈现；不同屏幕比例可延展同色背景，保留 Logo 完整轮廓。

网站页脚：
  digital/08-footer-lockup-dark.svg 或 09-footer-lockup-light.svg，建议显示宽度 220—260 px。
  版权、联系方式和导航由网站填写真实内容。

浏览器标签页／收藏夹：
  digital/23-favicon.svg 或 icons/ 中对应 PNG。可使用 SVG favicon，并另提供常用 PNG 尺寸。

邮件签名：
  digital/14-email-signature-brand.svg，建议显示宽度 280 px；再配真实姓名、职位和联系方式。

CSS 示例：
  .tunan-brand { width: 260px; height: auto; display: block; }
  .tn-corner { width: 72px; height: auto; display: block; }
  需要限制在框内时使用 object-fit: contain，保持图像原比例。

以上宽度为本设计的内部排版建议，需结合实际导航栏和页面布局调整，不代表已经完成所有浏览器、设备和平台的正式适配测试。

三、社交平台与数字传播

15/16/17-social-avatar-* 为圆形头像源图，圆外透明；按平台预览检查最终裁切。
18-og-share-1200x630 用于官网链接分享图。
19-wechat-cover-900x383 用于公众号主封面。
20-profile-banner-1600x400 用于公司主页横幅；不同平台的裁切范围需按发布预览调整。
21/22-app-tile-* 为方形应用入口源图；24-pwa-maskable-icon 为可蒙版图标。
26—29 品牌状态配图是静态辅助视觉，应配合真实状态说明和必要操作。
30/31-watermark-* 可叠加在宣传图片、视频或页面内容上，透明度可按背景调整。

四、SVG 与 PNG 的选择

SVG 适合网页标识、矢量编辑、任意尺寸输出及印刷供应商处理。缩放后保持清晰，Logo 路径无需安装字体。
PNG 适合社交上传、办公软件插图、邮件签名和不支持 SVG 的系统。透明 PNG 可叠加在合适的背景上。
白字文件本身是正常的透明图，在白色预览背景上会看不到；请放到近黑或品牌蓝等深色背景查看。
深色字标适合白色和浅色背景。保留原比例和外部留白，不分别拉伸宽高。
模板里的文字是独立可编辑字段；填写信息时编辑 SVG 原文件，再导出 PNG。

五、名片成品与出血

business-card-front/back-trim-90x54mm：90 × 54 mm 成品区域，适合预览和版式确认。
business-card-front/back-bleed-3mm：96 × 60 mm，四边各含 3 mm 出血；裁切区域从 x=3 mm、y=3 mm 开始，成品为 90 × 54 mm。
两组文件使用相同版式。出血版背景延伸至整张画布，不含印刷裁切标记。按印厂需求添加标记。
名片背面的 [NAME]、[TITLE / DEPARTMENT]、[PHONE]、[EMAIL]、[WEBSITE] 必须替换为真实姓名、职位、电话、邮箱及网址后使用。

六、办公与平面物料

A4 信纸／合同模板：填写文档标题、编号、日期、收件人或合同主体、正文和页码；页脚填写真实网址、联系邮箱。
报价模板：填写客户、项目、报价编号、日期、有效期与实际报价内容。
信封：填写寄件及收件地址、邮编和收件人。图稿是 220 × 110 mm 信封正面印刷面。
演示模板：填写标题、项目、讲者或团队、日期、正文和页码。
工牌：替换照片、姓名、岗位和员工编号。实际卡片挂孔、圆角和系统凭证按供应商规格处理。
门牌、T 恤胸口印花和胸章为平面矢量图稿。
手提袋是 200 × 240 mm 正面印刷面；文件夹是 A4 封面区域。完整包装刀版、折线、内兜及包边等应结合供应商规格展开。

七、颜色与印刷交付

固定 RGB 色值：
  主色近黑：#132027  /  RGB 19, 32, 39
  数字强调蓝：#2751BD  /  RGB 39, 81, 189
  浅背景：#F5F7FA  /  RGB 245, 247, 250
  白色：#FFFFFF  /  RGB 255, 255, 255

以 mm 标注的平面物料，其对应 PNG 按 300 ppi 导出；数字素材按标注的像素尺寸导出。
当前交付使用 RGB 颜色，未完成 CMYK 制版。印刷前填写全部实际联系信息，确认模板文字字体或将文字转曲，并与印厂确认色彩转换、纸张／材质及具体工艺。
Logo 已是矢量路径；文字转曲主要针对名片、文档、工牌等模板的可编辑信息。

