设计风格指南
什么是 Glean Enterprise-Search？
Glean 将企业软件惯用的冷蓝底色翻转为温暖的奶油与阳光黄，证明一款 AI 知识助手可以在不失权威感的同时，散发出真实的亲近感。
Glean Enterprise-Search 速览
Glean 企业搜索视觉语言，是 Glean——企业级搜索与 AI 知识助手平台——在 2022 年至 2024 年间建立的一套品牌设计体系。它的核心建立在三个刻意的色彩决策上：温暖的奶油底色，用于软化工作空间的视觉压力；饱和而友善的 Glean 黄，作为主要操作与焦点信号；以及哑光鼠尾草绿，用于标记知识图谱节点和次要结构元素。三者共同构成一套色板，传递出自信与现代感，却没有主宰传统企业软件的那种冷漠与无生气。
这套温暖色板与一款现代主义无衬线字体配对使用——其字形干净、几何上合理，专为高密度信息而设计，久看不易疲劳。充裕的留白、微妙的圆角、以及对边框与投影的克制使用，赋予界面一种设计师有时称之为「研究笔记本」的质感：有序、不急促，且真诚地朝向读者。知识图谱母题——将文档、人员与话题关联可视化的节点-边线图——在整个品牌中既作为功能性 UI 元素出现，也作为装饰性语言贯穿始终。
使 Glean 视觉识别有别于普通企业现代主义的，是其背后的意图性。每一处对冷蓝惯例的偏离——奶油代替灰色、黄色代替强调蓝、鼠尾草代替青色——都是一个经过审慎权衡的决定，旨在为一个长期与摩擦感和不透明性相关联的产品类别注入人情味。最终呈现出的是一套传递 AI 信心的设计系统，同时避免了 AI 产品常见的临床距离感。
Glean Enterprise-Search 从何而来？
Glean 由 Arvind Jain、Tony Gentilcore 和 Piyush Prahladka 于 2019 年在美国加利福尼亚州帕罗奥图创立，三位创始人均曾在 Google 负责搜索基础设施的构建。他们的出发点非常具体：2010 年代 SaaS 工作工具的大规模扩散，将组织知识碎片化地分散在数十个孤岛之中——Slack 频道、Google Drive 文件夹、Confluence 维基、Salesforce 记录——而没有任何现有工具能够在恰当的时刻浮现正确的信息。Glean 的解决方案是在所有连接的工具之上构建统一的搜索层，并随后叠加 AI 助手层，将一家公司的集体知识视为一张可统一寻址的图谱。
2022 年至 2024 年间逐步成型的视觉识别，直接受到这一产品愿景的塑造。Glean 的设计师面对着 AI 基础设施产品共同的品牌挑战：如何让一个本质上是搜索索引与检索引擎的产品，给人以真实的有用感和人情味？他们得出的答案是：借鉴消费类产品的温暖语域——奶油底色、接近琥珀的黄色、有机而精确的字体——同时保留企业用户所需的信息密度与精准感。知识图谱可视化最初是一种用于展示被索引文档之间关联关系的技术示意图，后来成为品牌的视觉签名：一个同时传递智能、连通性与结构感的母题。
到 2024 年，Glean 估值已达约 22 亿美元，确立了其在后大语言模型时代企业 AI 助手赛道的领导地位。视觉识别随产品一同扩展：随着 Glean 陆续加入 AI 生成摘要、人员图谱搜索和主动知识浮现等功能，设计系统吸纳了这些特性而未出现视觉膨胀。色板保持温暖克制，图谱母题保持一致，整体基调始终更接近一个设计精良的研究界面，而非传统企业软件那种仪表板式、警报密布的 UI。
历史背景同样重要。Glean 的设计方向恰好出现在企业软件行业开始质疑其长期视觉惯例的时刻——那些继承自 Windows 和企业内网美学的蓝灰色扁平色板、为高级用户优化的高密度信息架构、以及「严肃等于冷漠」的隐性信息。Glean 愿意在严肃的企业场景中引入温暖感与亲近感，不仅是一种审美偏好，更是一个战略定位论点：如果工作中的 AI 要像一位称职的同事而非一个数据库查询工具，它就需要在外观上与这个角色相符。
Glean Enterprise-Search 的视觉特征是什么？
色板
色板围绕三个锚点构建：温暖的奶油底色作为统一背景；饱和的 Glean 黄用于主要交互元素与焦点高亮；哑光鼠尾草绿标记图谱节点、次要徽标和辅助结构元素。中性的炭灰色承担正文与图标。整体效果温暖而不活泼——这是对主宰企业软件数十年的冷蓝灰默认值的一次经过深思熟虑的偏离。
字体排印
整个字体排印系统由单一的现代主义无衬线字体承载，通过有限数量的层级字重与尺寸展开，而非跨越多个字体家族。标题字号宽裕、字距从容；正文紧凑而可读，针对高密度搜索结果和文档摘要的阅读场景优化。字体选择传递精准与理性感，同时不失温度——它属于人文主义无衬线传统，即便在中性字重下，字形曲线中也携带着可感知的暖意。
知识图谱母题
节点-边线图——展示文档、人员、团队和话题在企业知识库中相互关联方式的可视化——在功能性 UI 元素与装饰性品牌语言两种身份之间扮演双重角色。在产品语境中，它们呈现真实的关系数据；在营销与编辑语境中，抽象化的节点群落作为背景纹理或插图装置出现，通过视觉形式而非文字，传递产品的核心承诺——连接与综合。
留白与呼吸空间
充裕的留白是整个系统的结构性原则，而非仅在英雄区域才享有的奢侈处理。搜索结果列表、文档面板和导航元素，都保持一种间距节奏，确保界面即便在呈现高密度信息时也不会显得拥挤。这种自律将 Glean 的方式与企业软件的信息最大化流派区分开来，并使其与创始人明确瞄准的研究工具美学对齐。
圆角与表面柔化
卡片、标签、输入框和模态容器一致使用轻柔的圆角，而非锐利的直角。效果是微妙的——不是消费类社交应用那种夸张的软化，而是一种经过克制的亲近感，减轻了高密度企业界面中常见的视觉张力。与奶油底色和温暖色板结合，这种圆角语言对「既称职又好客」这一产品整体印象的形成贡献显著。
克制的投影与层级感
投影用量稀少，且始终柔和——不是作为戏剧性的深度效果，而是作为叠加表面之间的温和分隔线。卡片从页面轻微浮起，带有几乎难以察觉的阴影，而非粗重的示意性投影。这种克制保持了视觉氛围的干净，并确保视觉层级的重量由黄色与鼠尾草色强调色承担，而非由光效来主导。整体深度系统感觉有分寸而平静，与产品研究笔记本式的气质保持一致。
图标与插图
图标采用几何形态、线条风格，以一致的线宽和呼应整体圆角语言的圆端收尾。它们在性格上是功能性的——设计用于传达操作与类别，而非装饰——在奶油底色上以炭灰色呈现，或在深色表面上反色呈现。插图（当其出现时）倚赖图谱节点的视觉词汇：抽象化的网络、连接线，以及将文档表达为节点的图示，而非具象场景或人物艺术。
谁塑造了 Glean Enterprise-Search？
Glean 联合创始人兼 CEO。Jain 在 Google 多年构建分布式搜索系统，之后识别出 Glean 所解决的组织知识碎片化问题。他以工程为本的视角塑造了产品架构，并间接影响了视觉语言：一个由搜索工程师构建的搜索产品，应当传递精准、智能与实用性——这些价值观体现在 Glean 克制、以信息为前景的设计中，而非装饰性的视觉复杂度里。
Glean 联合创始人及核心技术架构师。Gentilcore 在 Google 大规模搜索基础设施方面的背景，奠定了知识图谱方法的基础——这一方法同时成为产品的核心技术差异点与视觉签名。贯穿 Glean 品牌的节点-边线图并非任意的装饰选择，而是产品理解和导航企业知识方式的一种真实技术模型的具象化。
Glean 联合创始人，同样是 Google 搜索工程团队的资深成员。Prahladka 的参与凸显了产品源自严格信息检索思维的根基。创始团队在精准搜索领域共同的背景——相关性、排名与召回率均可量化——孕育了一种重视清晰传达的产品哲学，进而影响了设计系统对可读性与克制的偏好，而非视觉复杂度。
Inter 是与 Glean 视觉系统关联最紧密的字体，由 Rasmus Andersson 设计，于 2016 年以开源项目形式发布，专门针对小字号屏幕可读性进行优化。其人文主义几何结构——在搜索结果和文档摘要所需的紧凑字号下清晰可读，同时又足够温暖以避免纯几何无衬线字体的冷漠感——使其成为一款试图平衡精准与亲近感的企业产品的自然字体选择。2010 年代末至 2020 年代初，Inter 成为众多高可信度科技产品的事实标准，Glean 的采用将品牌清晰地置于这一现代主义而温暖的传统之中。
没有单一的个人，Glean 的视觉识别出现于企业软件历史上一个特定的拐点时刻：大型语言模型公开发布后的两年，数十款企业 AI 产品正在竞相定义工作中的 AI 应该是何种外观与感受。大多数选择了渐变、发光界面和以蓝色为主的色板，以此传递未来主义感。Glean 的反向选择——奶油、黄色、鼠尾草绿与克制——是一个集体设计决策，使品牌在拥挤的赛场中脱颖而出，并帮助为 AI 知识助手这一产品类别建立了独特的视觉语言。
今天怎么用 Glean Enterprise-Search？
Glean 企业搜索风格最适合那些产品需要同时显得智能与值得信任的场景——用户必须相信系统知识渊博，同时也相信它不会将他们淹没。色板的温暖感完成关系性工作；字体排印的精准与留白纪律完成能力感工作。理解这一双重功能，比任何具体的应用技巧都更为重要。
在演示文稿中，这种风格从封面到数据页都能良好扩展。封面幻灯片适合将 Glean 黄作为主要形状或背景色带，以大版面的方式呈现，配合奶油或白色底面上以干净无衬线体宽松排列的居中或左对齐标题。内容幻灯片应将奶油底色视为工作表面：用留白而非线条将信息组织进卡片式区块，用鼠尾草绿标注次要标签或类别指示，将黄色严格保留给每页上最重要的引用信息。数据幻灯片——图表、示意图、指标——在可能时应采用图谱节点美学：用温暖中性色条呈现基准数据，用黄色或鼠尾草绿高亮强调的数据点。避免在单张幻灯片上同时使用全部色板色彩；每屏只有一种强调色主导时，系统的可读性最为连贯。
在网页 UI 和仪表板设计中，这种风格适合层级与快速扫描最为重要的信息密集型界面。以温暖奶油或极浅的暖白色作为画布背景；所有正文与界面标签使用炭灰色；主要按钮、活跃状态和焦点指示器保留黄色；徽标、标签和次级导航使用鼠尾草绿。卡片组件应有轻柔圆角和几乎难以察觉的淡阴影，使其从背景中浮起而不造成戏剧性效果。导航栏和侧边栏在比内容画布略深的暖中性色调下效果良好，形成温和的区隔而无需借助硬分割线。对于定价页面，黄色强调色自然将视线引向推荐套餐，鼠尾草绿可标注已包含的功能，中性炭灰色处理标准列表项。
在编辑与营销应用场景——落地页、主题演讲背景、内容营销——知识图谱母题是你区别于通用企业现代主义的最强差异点。将抽象化的节点-边线图案以低不透明度用于区块分割或英雄区块的背景纹理，使其读作质感而非示意图。全宽区块应在奶油底深中性字和黄底奶油字之间交替，而非单纯依靠色块。对于研究报告或案例研究等长篇编辑内容，这种风格支持窄正文列搭配宽边距——宽边距保留用于引用、注释或辅助数据可视化，呼应产品本身所追求的研究笔记本气质。
应用这种风格时最常见的错误是过度使用黄色。Glean 黄是焦点色与交互色，而非背景色或品牌洗刷色；当它覆盖大面积表面时，其信号功能会减弱，整体色板从温暖倾向聒噪。相关的错误是将鼠尾草绿作为可与黄色互换的通用强调色——在 Glean 系统中，鼠尾草绿传递次要信息和关系语境，而非主要强调。以相当比重混用黄色与鼠尾草绿会产生视觉竞争而非层级感。第三个陷阱是放弃奶油底色转而使用纯白色以追求更极简的感觉；纯白与这些暖色调强调色搭配会产生临床感张力，破坏这套色板精心设计出的亲近感。保持温暖，保持克制，每个视图中只让黄色完成一项任务。
Glean Enterprise-Search · 常见问题
Glean 企业搜索风格适合非企业类产品吗？
可以迁移，但有条件。奶油与黄色组成的温暖色板和清晰的排印系统，适合任何处理信息检索、知识管理或研究场景的产品——从个人笔记工具到学术平台，再到内部知识库。它表现欠佳的场景是那些需要强烈情感温度、感官丰富性或活泼能量的语境：食品品牌、生活方式产品、儿童应用。这种风格处于一个特定的情感区间——称职、温暖、专业——当被应用于持有不同情感契约的产品时，会偏离这一区间。
这种风格与 Material Design 或其他企业设计系统有何不同？
Material Design 和大多数企业设计系统是色板无关的——它们定义结构规则和组件行为，由团队用自己的品牌色彩填充。Glean 的风格以色板为先：温暖的奶油色、特定的 Glean 黄和鼠尾草绿不可互换，它们承载着品牌的情感论点。Material Design 也倾向于蓝色系操作色和更硬朗的表面界定。Glean 的系统软化了表面，将温暖感用作战略差异点，并整合了超越通用设计系统所能指定范围的产品特有母题——知识图谱。
这种风格能支持深色模式变体吗？
深色变体是可行的，但比大多数深色模式实现需要更多谨慎处理。色板的基础温暖感——高度依赖奶油底色——在底色反转为深中性色时会部分流失。最成功的深色诠释通过将背景转换为带棕色底调的深暖炭灰或近黑色（而非纯冷黑）来保持温度感。Glean 黄在深色底面上效果良好，可作为焦点色加强。鼠尾草绿应略微提亮以保持可读性。以低不透明度暖色线条呈现的知识图谱母题，在深色语境中可作为有效的背景纹理，而不会产生视觉重负。
是什么使知识图谱母题作为设计元素而非仅仅是数据可视化而发挥作用？
知识图谱母题在被抽象化到单个节点失去具体身份、整体图案读作纹理或网络而非数据的程度时，才能作为装饰性元素有效运作。关键在于密度与尺度：低不透明度下，一组由细线连接的小节点构成的集群，创造出相互关联的感知而无需被字面阅读。当节点过大、标注过多或数量过少时，这一母题就会倒退回示意图领域，并与它本应支持的内容产生竞争。在合适的尺度与不透明度下使用——营销语境中通常比产品 UI 更浅——它是当代企业品牌设计中最具辨识度和传达精准性的视觉签名之一。
这种风格是专属于 Glean 的，还是可以独立使用？
视觉原则——温暖奶油底、温暖焦点黄、鼠尾草绿次级色、图谱节点母题、现代主义无衬线字体、充裕留白——是原则与选择，而非商标。任何设计从业者都可以将这套视觉词汇应用于新项目。理解这种风格的最佳方式，是将其视为企业 AI 设计中特定时刻与立场的代表：温暖、以知识为前景，以及刻意的反无生气。带着这些价值观来使用它，可以服务于信息管理、研究或知识工作类别的任何产品。将其作为表面装饰使用而不投入背后的价值观——将色板借用过来却缺乏克制与留白纪律——只会产生 Glean 的视觉回声，而非一套连贯的设计系统。
