标志、色彩、字体、组件，以及在每个渠道的正确用法。写给为 T3i 设计、编程、印刷、拍摄或写作的每一个人。
T3i-BRND-001PT · EN · ES · ZH · ART3i 为品牌在活动、展会和展台上打造并运营科技互动体验。视觉形象刻意保持极简：无论放在 LED 屏、胸卡、快拍还是提案上，都要有存在感。在本手册的任何规则之前，先记住这四条。
品牌是单色的。色彩只作为强调色出现，每页一种，绝不用在标志上。
元素更少，留白更多。高级感来自空间、字体和一致性，而不是特效。
人们投入互动的画面，胜过任何图形装饰。版式要为参与者的“哇”留出空间。
短句，简单的词。文字讲参与者的感受，讲品牌的收获。
标志是矩形边框里的 T3i EXPERIENCE 字样。边框和文字是一个整体：不拆开，不加特效，不换字体。深色背景用白色版，浅色背景用黑色版。
边框四周留出与 T 等高的空白。文字、边线、二维码或其他标志都不能进入。
屏幕上，边框宽度 90 px。印刷品上，25 mm。如果需要更小，就用文字写 T3i Experience，不要缩小标志。
使用文件 1.png，电脑上高 40 px，手机上高 32 px，放在每个页面的顶部和页脚。
要大，要清晰，居中，并停留到足够看清。竖版视频的结尾，边框占画面宽度的 80%。
需要缩放的场合用 SVG：网站、LED 和印刷。演示文稿和视频用透明 PNG。印刷厂和供应商用 PDF。
标准版本。用于黑色背景、深色照片、视频和 LED。
t3i-logo-branca.svg · 1.png用于白色或浅色背景：印刷品、文档和辅助指南。
t3i-logo-preta.svg · 2.png
自带底色的标志。用于彩色、繁杂或无法确定的背景：礼品、供应商、第三方应用。
Logo T3i - Fundo Preto.png · Fundo Branco.png这样用：完整、端正、留足空间。
不要拉伸或压扁。
不要加阴影、发光或 3D 效果。
不要把标志改成其他颜色。
不要旋转或倾斜。
不要把文字和边框拆开。
不要直接放在繁杂背景上。请用色块版。
不要用其他字体重绘。
标志只有黑白两版，整个品牌由此出发。屏幕上的背景是略微提亮的黑色，比纯黑更适合阅读。强调色随每个页面或每件作品变化，且从不碰到标志。
#000000RGB 0 0 0CMYK 0 0 0 100用于印刷品上的标志和文字。大面积印刷时用复合黑（CMYK 60 40 40 100）。
#FFFFFFRGB 255 255 255CMYK 0 0 0 0屏幕上的标志、标题和正文。
#0A0A0A所有屏幕的背景：网站、LED、视频、深色幻灯片。
#151515展开菜单、语言切换器和手机导航栏。
#B8B8B3次要文字、标签和标题的后半句。
#FAFAF7轮播帖的浅色页和浅色背景物料。
#050505页面的最后一个区块，再深一级。
rgba(255,255,255,.08)区块与网格之间的分隔线。
rgba(255,255,255,.18)按钮、标签和菜单的边框。
#3DDC84#FF5A4F只用于指南和界面提示：成功与错误。
#E63329
#8E5CFF
#33D17A
#E8A33D
#E8376B
#FF2E88
#4A9BE0
#2EE6D0
#B6F03C
#FF8A1F
#7DF9FF
#5C6CFF
#E8FF3A
每个页面、每件作品都有自己的强调色，饱和，且与已有的不同。上面这些已在使用。黄色 #E8FF3A 是 Instagram 的信号色，只出现在轮播帖的最后一页，也就是邀约页。
标题用 Space Grotesk，正文用 Inter Tight，标签用 JetBrains Mono。三套都免费，采用 SIL Open Font 许可，网站从自有域名加载。标志不是文字，而是图形，永远不要重新打字。
标题、首屏副标题和大号数字。字重 500，字距比常规略紧。
标题 · 400 · 500正文、按钮和菜单。深色背景上的浅色段落用字重 300，其余用 400，按钮用 500。
正文 · 300 · 400 · 500标签、标记、编号和技术数据。字号小，全大写，字距加宽。
标签 · 400每个页面都用 12 栏网格，左右边距为屏幕宽度的 5.5%，内容最宽 1480 px。并排的区块用 1 px 细线分隔，绝不用阴影或圆角框。
手机上 88 px。首屏占满整个屏幕，文字放在下半部分。
卡片、按钮和照片都是直角。只有胶囊形元素用圆角：顶部按钮、语言切换器和手机导航栏。
低于 900 px 时，菜单隐藏，换成手机导航栏。低于 560 px 时，标志缩到 32 px。
T3i 的素材都是真实互动的记录：人们参与、反应、带走成果。真正打动客户的是它。版式的存在，就是让这些画面有呼吸的空间。
第一张图要拍到人手里拿着成果，或者互动正在发生。绝不是只有一个人站在屏幕前。
几乎所有素材都是 1080 × 1920。放进横版框之前，先按动作所在位置裁切，别切掉人头或产品。
不带音轨，循环播放，配封面图。只有 Reels 和影片才有声音，并使用免版税音乐。
压在图像上的文字，下面要加一层渐变暗层，过渡到页面的黑色。可读性第一。
不用重滤镜，不做刻意的黑白，不加暗角。校正光线，不要凭空营造氛围。
照片宽 900 至 1200 px，视频宽 720 px。一个完整的案例页面控制在 2 至 4 MB。
图标用线条绘制，基于 24 px 网格，颜色取文字色或强调色。一个区块里有多个项目时，每项都有自己的图标：八个方块用同一个符号，看起来很敷衍。
内容进入屏幕时轻轻上移并淡入，末尾减速。按钮瞬间换色。没有旋转、闪烁或爆炸效果。
T3i 说话像做过的人：直接、自信、不用行话。文字讲参与者的感受和品牌的收获。只有实际测量过的数字才写。
用句号，别一路逗号到底。能删的词，就删。
发生了什么，花了多长时间，人们带走了什么。
参与者的反应和品牌的成果，排在设备之前。
T3i 的每个案例、每个页面都由这些模块组成。新页面复制最近一个页面的样式，只换强调色。
Inter Tight 500，14 px，1 px 白色边框，直角。主按钮实心，次按钮镂空。鼠标悬停时反转。
菜单里唯一的圆角元素。白色背景，鼠标悬停时上移 2 px。
JetBrains Mono，全大写。编号一律两位数。强调色用在重点标签和步骤圆点上。
赠品，人人都在发。 观众亲手拼出的作品，没几家做得到。
Space Grotesk 500。前半句陈述，后半句用雾灰色扭转局面。
单元格之间用 1 px 细线分隔，含等宽编号、标题和短文本。每行三到四个。
4:5 缩略图、胶囊形分类、等宽标签、以句号结尾的标题和“查看案例”链接。
旗帜用 SVG 绘制，绝不用 Emoji。始终跳转到同一页面的其他语言版本。
只在 900 px 以下出现。五个项目，当前项升入圆圈，最后一项永远是 WhatsApp。
只在电脑上出现，位于底部角落。手机上由导航栏承担这个作用。
T3i 出现的每个地方：格式、安全区和具体步骤。如果渠道不在这里，就按最接近的原则来，并在制作前先沟通。
1440 × 900 · 375 × 812
每个案例从头到尾讲述一场互动，所有页面沿用同一节奏。
900 × 472 · JPG · 最大 72 KB
有人在对话里粘贴链接时出现的图片。它常常是别人对页面的第一印象。
1080 × 1350 · 4:5 · 7 页
七页讲完一个案例或一个想法，从钩子到邀约。
1080 × 1920 · 30 fps · 15 至 25 秒
竖版短视频，多在静音下观看，前两秒决定去留。
t3i.site
独立的行动号召
结尾卡 1080 × 1920 · 标志宽 860 px
T3i 的每支视频都以同样方式收尾：标志要大，画面干净，不赶时间。
840 × 672 · 5:4 · LED P2.9
大屏幕从远处看，观看的人边走边聊。展厅的屏幕是 840 × 672 像素。换成其他屏幕，按它的分辨率套用同样的逻辑。
43 寸立式机 · 32 寸触摸屏
参与者在活动现场使用的界面。外观用客户的品牌，T3i 负责它怎么运作。
1920 × 1080 · 16:9 · PDF
品牌或代理公司拿去审批的文件。每页幻灯片推销一个想法。
姓名
T3i 团队
矢量 · 最小 25 mm
所有印在纸张、布料或其他材料上的东西。这里出错代价高，用对文件很重要。
公司以 T3i Experience 署名。部分产品拥有独立的网站和视觉形象，以便单独销售，但始终由 T3i 背书。
网站、案例、提案、社交媒体和团队。黑、白，每页一种强调色。
同一家公司，同一个团队。带有这个名字的旧素材属于我们，可以使用。新作品一律以 T3i Experience 发布。
纸张与粉色笔。Fraunces、Caveat 和 DM Sans。
钴蓝与蛋黄色，照片做成贴纸效果。Bricolage Grotesque 和 Figtree。
石墨色加技术网格与橙色。Unbounded、Manrope 和 IBM Plex Mono。
一个漂亮但有人用不了的页面，就是错的。这些规则适用于网站、互动界面和任何数字作品。
文字与背景的对比度至少 4.5:1。#0A0A0A 上的白色达到 19.8:1，雾灰为 9.9:1。
手机上至少 44 px，立式机上至少 2 厘米。按钮之间留出间距，手指不会点错。
每张图片都要描述画面内容。背景视频和装饰性图标对屏幕阅读器隐藏。
在系统中关闭了动画的用户，看到的是静止且完整的页面。
葡萄牙语、英语、西班牙语、中文和阿拉伯语。葡萄牙语一改，其他四种同步修改。
从右向左书写，字母之间不加额外间距，箭头和版式镜像翻转。
首选 SVG：从网站图标到 LED 屏，缩放都不失真。演示文稿和视频用透明 PNG。印刷用 PDF。
Space Grotesk、Inter Tight 和 JetBrains Mono。免费，采用 SIL Open Font 许可。
整本手册的 Markdown 版本，在让 AI 制作作品之前先粘贴给它。
:root {
/* marca */
--t3i-preto: #000000;
--t3i-branco: #FFFFFF;
/* tela */
--ink: #0A0A0A; /* fundo */
--grafite: #151515; /* menus e barra do celular */
--fog: #B8B8B3; /* texto secundario e rotulos */
--papel: #FAFAF7; /* slides e materiais claros */
--line: rgba(255,255,255,.08);
--line-strong: rgba(255,255,255,.18);
--neon: #7DF9FF; /* acento: um por pagina */
/* tipografia */
--display: 'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;
--text: 'Inter Tight', Helvetica, Arial, sans-serif;
--mono: 'JetBrains Mono', 'Courier New', monospace;
/* layout */
--margin: 5.5vw;
--gutter: 24px;
--max: 1480px;
--ease: cubic-bezier(.2,.8,.2,1);
}这本品牌手册也有 Markdown 版本，整合在一个文件里，色彩、尺寸和各渠道规则都写成 AI 能读懂的形式。在让 ChatGPT、Claude 或你的代理公司所用工具制作作品之前，先把链接发给它。
请阅读 T3i Experience 的品牌手册 https://t3i.site/logo/brandbook.md，并遵守其中所有规则。然后制作：[描述作品、渠道和格式]。