我們的品牌風格定義了視覺識別和排版，創造一致的體驗。
字標
.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-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? 準備好開始了嗎？
新聞欄 CTA
news-bar component with announcement text and button
Blue 設計系統 2.0 現已推出，具備增強的組件和深色模式支援。
互動功能展示
左側位置（預設）
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)