우리 브랜드 스타일은 일관된 경험을 창출하는 시각적 아이덴티티와 타이포그래피를 정의합니다.
워드마크
.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
플랫폼 기능 시연
성능
임무에 중요한 작업을 위한 번개처럼 빠른 응답 시간과 99.9% 가동 시간 보장.
통합
5,000개 이상의 도구와 연결하세요. 여기에는 Slack, Gmail, Zapier 및 맞춤형 API가 포함됩니다.
모바일
오프라인 동기화 기능이 있는 iOS 및 Android용 풀 기능 모바일 앱.
협업
실시간 협업 도구로 댓글, 멘션 및 팀 작업 공간을 제공합니다.
맞춤 설정
비즈니스 요구에 맞게 완전히 사용자 정의 가능한 인터페이스, 필드 및 워크플로우.
지원
24/7 전문가 지원, 라이브 채팅, 전화, 전담 성공 관리자와 함께합니다.
카드 구성 요소
표준 카드
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
향상된 팀 협업
여러 가지 보기, 실시간 업데이트 및 원활한 협업 도구를 통해 나만의 방식으로 작업을 확인하세요. 팀의 워크플로우에 맞게 칸반 보드, 캘린더, 타임라인 등으로 전환하세요.
또한 보기
- 프로젝트 관리 보기 작업을 시각화하는 다양한 방법에 대해 알아보세요.
- 실시간 협업 Blue에서 팀이 함께 작업하는 방법
- 맞춤형 워크플로우 팀을 위한 맞춤형 워크플로우 생성
제품 기능 비디오 (왼쪽)
feature-video component with video left, text right, without "See also" section
강력한 자동화 워크플로우
코드 없이 시각적 워크플로우 빌더를 사용하여 정교한 자동화를 생성하세요. 도구를 연결하고, 사용자 정의 조건에 따라 작업을 트리거하며, 매주 수작업으로 소요되는 시간을 절약하세요.
고객 후기
고객 비디오 추천사
testimonial-videos component with 4x1 grid
"Blue는 모든 것을 완벽하게 정리하는 데 도움을 줍니다 — 정말 훌륭한 도구입니다."
"Blue의 자동화 기능은 우리의 운영을 원활하게 수행하는 데 도움을 줍니다."
"내 인생 전체가 Blue에 있습니다! 팀이 얼마나 환상적으로 반응하는지 정말 좋아요."
"Blue를 구매해야 할지 고민하고 계신다면...답은 YES입니다."
나란히 작성된 추천서
Two-column layout with vertical divider
"Blue는 우리가 글로벌 컨설팅 프로젝트를 관리하는 방식을 혁신했습니다. 자동화 기능 덕분에 우리는 수많은 시간을 절약할 수 있었고, 고객 제공 품질이 크게 향상되었습니다."
"Blue 플랫폼의 유연성과 강력함 덕분에 우리는 팀의 자율성을 유지하면서 조직 전체의 프로세스를 표준화할 수 있었습니다."
그리드 추천사
Three-column grid with light grey cards
"Blue는 우리의 프로젝트 관리 워크플로를 완전히 변화시켰습니다. 직관적인 인터페이스와 강력한 자동화 기능 덕분에 우리 팀의 생산성이 3배 향상되었습니다."
"Blue의 화이트 라벨 기능은 고객 서비스 확장에 중요한 역할을 했습니다. 이제 우리는 자체 브랜드로 엔터프라이즈급 솔루션을 제공할 수 있습니다."
"우리는 Blue의 자동화 도구를 사용하여 매주 수시간을 절약했습니다. ROI가 놀라울 정도로 높았으며, 도입 첫 달 안에 비용을 회수했고, 그 이후로도 계속 개선되고 있습니다."
통계
통계 섹션 구성 요소
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 Design System 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)