品牌概览
Baklib 是一款 All in Content 的企业级云平台,助力企业一站式和一体化构建多场景数字体验。我们的设计系统旨在传递专业、高效、且富有活力的品牌形象。
核心价值
- ✓统一性: 构建一致的数字内容与体验。
- ✓连接性: 连接您的品牌、客户和员工。
- ✓智能化: AI 驱动的内容创作与管理。
企业用内容说话,
用数据倾听。
关于本指南
本指南涵盖了 Baklib 品牌的核心视觉元素,包括 Logo 使用规范、色彩体系、排版规则以及 UI 组件风格。 所有设计决策都应遵循"清晰、专业、现代"的原则,以确保在不同触点上传递一致的品牌声音。
Logo 标识
Baklib 的 Logo 是品牌最核心的资产。它由 Open Sans 粗体字形和标志性的圆点组成,代表着连接与完整。
图标组合
标准组合
Logo 必须保持独立完整,不得随意更改颜色、比例或字体。右下角的圆点颜色为 Secondary Orange (#ea580c)。
最小安全空间
Logo 周围应保留至少相当于字母 "B" 高度一半的空白区域(x),以确保视觉清晰度。
错误用法
色彩体系
Baklib 的色彩体系由专业的 Teal 青色、活力的 Orange 橙色以及独特的渐变组成,既体现了科技企业的稳重,又展示了创新的活力。
品牌主色
#0d9488
Primary Teal
用于主按钮、Logo、链接和强调元素。
#ea580c
Secondary Orange
用于 CTA 按钮、通知圆点和活力点缀。
品牌渐变
渐变色贯穿整个视觉系统,从 Primary Teal 过渡到 Purple,最终到达 Red。它常用于 Hero
区域背景、图标装饰或作为一种富有动感的视觉连接。 CSS: bg-gradient-to-r from-[#0d9488] via-[#9938CA] to-[#dc2626]
中性色
#0f172a
Slate 900
主要标题
#334155
Slate 700
正文文本
#64748b
Slate 500
次要信息
#e2e8f0
Slate 200
边框/分割线
#f8fafc
Slate 50
背景底色
文字排版
良好的排版是信息传达的关键。Baklib 使用 Open Sans 作为英文字体,并遵循严格的简体中文排版规范,确保阅读的愉悦感和专业度。
字体家族
Aa Bb Cc Dd Ee Ff Gg 1234567890
font-family: "Open Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
层级规范
Heading 1
4xl / Bold / Slate-900Heading 2
3xl / Bold / Slate-900Heading 3
xl / Bold / Slate-900Body Text. Baklib 帮助企业构建数字体验。这是一段正文示例文本,展示了行高和字间距的默认设置。
Base / Regular / Slate-700 / Leading-relaxed★ 中文排版最佳实践
为了提供最佳的阅读体验,Baklib 的内容排版需严格遵循以下规则。
正确示例:
在 Baklib 平台上,AI 驱动的内容管理非常高效。
错误示例:
在Baklib平台上,AI驱动的内容管理非常高效。
汉字与西文字母、数字之间必须保留一个空格(Space),以增加透气感。
这是第一段文字。段落之间应有明显的间距,通常为字号的 1.5 倍到 2 倍。过密的排版会增加认知负荷。
这是第二段文字。行高建议设置为 1.6 至
1.8(Tailwind leading-relaxed 或 loose),确保长时间阅读不疲劳。
正确示例:
你好,世界!这是正确的标点。
错误示例:
你好,世界!这是错误的标点.
中文语境下,必须使用全角标点符号。但在涉及代码、科学计数或西文引用的特殊情况下除外。
中文排版中,不要使用斜体来表示强调,因为汉字的斜体显示效果通常不佳且不仅以识别。
推荐使用加粗或品牌色进行强调。
UI 组件
基于品牌风格定义的常用 UI 组件,采用圆角、柔和阴影和品牌色点缀,营造现代、轻量的界面质感。
按钮 (Buttons)
卡片 (Cards)
知识库管理
结构化管理所有的数字资产,提供多语言、多版本的知识内容发布与协同。
多场景应用
从帮助中心到客户社区,Baklib 灵活的架构支持多种业务场景的快速搭建。
输入框与搜索
搜索框通常采用大圆角设计,强调 "AI 搜索" 功能按钮。
Baklib应用场景汇总
新一代数字内容体验云,一站式企业资源管理,一体化数字网站发布。
Support
客户支持与服务,在线帮助中心、教程指南知识库、客户社区。
Content
CMS 内容管理系统,构建官网、品牌、产品、营销站点。
Knowledge
构建内外部知识库、轻Wiki、文档中心、知识检索平台。
Community
构建线上交流社区平台,客户问答社区、论坛、投稿、共创平台。
Marketing
在线发布品牌营销网站、客户营销站、方案书、活动、落地页宣传。
Learning
构建知识库、学习系统、信息检索、在线论坛,促进共享和学习。
Baklib应用场景汇总
新一代数字内容体验云,一站式企业资源管理,一体化数字网站发布。
企业建站
无需技术基础,轻松打造企业官网、产品宣传页、博客等,高效传播品牌价值。
知识管理
构建内部知识库、员工手册、品手册,提升团队协作和知识复用效率。
帮助中心
创建客户支持平台,提供操作指南与常见问题解答,优化用户体验。
社区互动
搭建内部和外部社区,助力团队协作与客户互动,增强品牌黏性。
资源管理
统一整合企业内容资源高效分发,降低管理成本。
AI Ready
企业一站式内容中台管理,并通过API对接 LLM 平台。
DAM 资源类型
知识资产是企业核心竞争力
audio.png
doc.png
fragment.png
img.png
link.png
pdf.png
text.png
video.png