我们的品牌风格定义了视觉识别和排版，从而创造出一致的体验。
字标
.png){kind=logo}
.png){kind=logo}
排版
标题
text-4xl md:text-6xl lg:text-6xl font-medium tracking-tight text-gray-900
流程管理的未来
text-3xl md:text-4xl font-medium tracking-tight text-gray-900
共同构建更好的工作流程
text-2xl font-medium text-gray-900
简化您的运营
text-xl font-medium text-gray-900
增强团队协作
text-lg font-medium text-gray-900
项目管理变得简单
text-base font-medium text-gray-900
功能亮点和详细信息
段落文本
text-lg text-gray-600
Blue旨在适应您团队独特的工作流程。无论您是在管理复杂项目还是简单任务，我们的平台都提供了您成功所需的灵活性和强大功能。
text-base text-gray-600
创建自定义字段，自动化工作流程，并实时协作。我们的直观界面使团队能够轻松入门，同时为高级用户提供先进功能。
text-sm text-gray-600
非常适合用于标题、元数据和支持您主要内容的次要信息。
text-base text-gray-900
对于主要内容和需要从次要文本中突出的重要信息，请使用较深的文本颜色。
呼叫文本
text-3xl text-gray-900 text-center
我们的使命是通过构建全球最佳的流程管理平台来组织世界的工作。
颜色调色板
功能网格
功能网格组件
features-grid-simple component with optional URLs, Font Awesome icons, and responsive 3-column layout
平台功能展示
卡片组件
标准卡片
bg-white border border-gray-200 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow
洞察卡
cursor-pointer group with h-64 image, title, category and date
AI自动分类
自定义权限工程
看板最佳实践
大卡片
cursor-pointer group with h-80 image, larger text, 2-column grid
高级工作流自动化
企业安全功能
网格布局
2x2 网格与分隔符
grid grid-cols-1 md:grid-cols-2 gap-0 with border-b border-gray-200 md:border-r
产品网格
Full width 2x2 grid with dividers separating product features
项目管理
组织您团队的任务，并从头到尾跟踪项目进度。
团队协作
实现整个团队之间无缝沟通和实时协作。
工作流自动化
自动化重复任务，简化您的流程，以节省时间并减少错误。
分析与报告
获取详细的洞察和全面的报告，以便做出数据驱动的决策。
客户logo网格
logo-grid template with JSON data for customer logos
受到超过17,000个团队的信任
图像样式
产品截图
border-2 border-gray-200 rounded-lg shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)]
团队照片
rounded-3xl for warm, friendly team imagery
视频样式
英雄视频
w-screen h-auto object-cover rounded-2xl with autoplay muted loop playsinline controls
产品功能视频（右侧）
feature-video component with text left, video right, optional "See also" section
产品功能视频（左）
feature-video component with video left, text right, without "See also" section
强大的自动化工作流程
使用我们的可视化工作流构建器，无需编码即可创建复杂的自动化。连接工具，根据自定义条件触发操作，每周节省数小时的手动工作。
推荐信
客户视频推荐
testimonial-videos component with 4x1 grid
"Blue 只是帮助保持一切完全有序——这是一款绝对出色的工具。"
"Blue的自动化功能帮助我们无缝地运营。"
"我整个生活都在 Blue 中！我喜欢团队的反应速度非常快。"
"如果您在考虑是否应该购买Blue...答案是肯定的。"
并排书面推荐信
Two-column layout with vertical divider
"Blue已经改变了我们管理全球咨询项目的方式。自动化功能为我们节省了无数小时，并显著提升了客户交付质量。"
"Blue平台的灵活性和强大功能使我们能够在整个组织内标准化流程，同时保持团队的自主性。"
网格推荐
Three-column grid with light grey cards
"Blue 完全改变了我们的项目管理工作流程。直观的界面和强大的自动化功能使我们的团队生产力提高了 3 倍。"
"Blue的白标功能在扩展我们的客户服务方面发挥了重要作用。我们现在可以以我们自己的品牌提供企业级解决方案。"
"我们每周通过使用Blue的自动化工具节省了数小时。投资回报率令人难以置信——在实施的第一个月内就已经收回了成本，而且效果只会越来越好。"
统计
统计部分组件
stats-section component with title and stats array
领先企业信任Blue来优化他们的运营。
行动号召
双按钮CTA
dual-button-cta component with title and two action buttons
Ready to get back to work? 准备好开始了吗？
互动功能展示
左侧位置（默认）
Position: "left" - Menu on left, preview on right
探索平台功能 (左侧)
正确位置
Position: "right" - Menu on left with right-aligned text, preview on right
团队协作功能 (右侧)
顶级位置
Position: "bottom" - Menu grid first (top), preview second (bottom) - responsive: 1 col mobile, 2 tablet, 3 desktop
底部位置
Position: "top" - Preview first (top), menu grid second (bottom) - responsive: 1 col mobile, 2 tablet, 3 desktop
Analytics dashboard (Bottom)