DKT Creative
Kakao Work
Design 2.0
UX/UI / App / Product Design / System Guide

카카오워크 디자인 시스템은 B2B 업무 플랫폼 전반에 걸쳐 일관되고 전문적인 사용자 경험을 제공하기 위해 구축되었습니다. 디자인 요소, 사용 가이드라인, 실제 적용 사례를 체계적으로 제공하여 종합그룹웨어 환경에 효율적인 확장성과 유지보수가 가능하도록 지원합니다.
디자이너, 개발자, 기획자 등 다양한 실무자가 동일한 기준과 언어로 소통하고 협업할 수 있도록 설계되어 있으며, 공통 컴포넌트를 사용할 경우 디자인 시스템에 포함된 가이드라인을 반드시 확인하고 적용해야 합니다.
본 시스템은 카카오워크의 릴리즈 일정에 맞춰 정기적으로 업데이트되며, @@product.design을 통해 일괄적으로 관리됩니다.
이를 통해 변화하는 비즈니스 요구와 시장 환경에 신속하게 대응하고, B2B 업무 플랫폼으로서의 경쟁력을 지속적으로 강화합니다.

시스템 구조
카카오워크 디자인 시스템은 계층 구조를 기반으로 구성되어 있으며, 각 레이어는 상위 구조의 기반이 되는 요소로 유기적으로 연결되어 있습니다. Foundation→ Component→ Template→ Feature로 점진적으로 확장되며, 기초 요소들이 모여 실질적인 화면과 기능으로 완성되는 구조입니다.

Foundation
Color
Color


Foundation
Typography
Typography


Foundation
Icons
Icons

Next Project
DKT Creative
Kakao Work
Design 2.0
UX/UI / App / Product Design / System Guide

카카오워크 디자인 시스템은 B2B 업무 플랫폼 전반에 걸쳐 일관되고 전문적인 사용자 경험을 제공하기 위해 구축되었습니다. 디자인 요소, 사용 가이드라인, 실제 적용 사례를 체계적으로 제공하여 종합그룹웨어 환경에 효율적인 확장성과 유지보수가 가능하도록 지원합니다.
디자이너, 개발자, 기획자 등 다양한 실무자가 동일한 기준과 언어로 소통하고 협업할 수 있도록 설계되어 있으며, 공통 컴포넌트를 사용할 경우 디자인 시스템에 포함된 가이드라인을 반드시 확인하고 적용해야 합니다.
본 시스템은 카카오워크의 릴리즈 일정에 맞춰 정기적으로 업데이트되며, @@product.design을 통해 일괄적으로 관리됩니다.
이를 통해 변화하는 비즈니스 요구와 시장 환경에 신속하게 대응하고, B2B 업무 플랫폼으로서의 경쟁력을 지속적으로 강화합니다.

시스템 구조
카카오워크 디자인 시스템은 계층 구조를 기반으로 구성되어 있으며, 각 레이어는 상위 구조의 기반이 되는 요소로 유기적으로 연결되어 있습니다. Foundation→ Component→ Template→ Feature로 점진적으로 확장되며, 기초 요소들이 모여 실질적인 화면과 기능으로 완성되는 구조입니다.

Foundation
Color
Color



Foundation
Typography
Typography



Foundation
Icons
Icons


Next Project
DKT Creative
Kakao Work
Design System 2.0
UX/UI / App / Product Design / System Guide

카카오워크 디자인 시스템은 B2B 업무 플랫폼 전반에 걸쳐 일관되고 전문적인 사용자 경험을 제공하기 위해 구축되었습니다. 디자인 요소, 사용 가이드라인, 실제 적용 사례를 체계적으로 제공하여 종합그룹웨어 환경에 효율적인 확장성과 유지보수가 가능하도록 지원합니다.
디자이너, 개발자, 기획자 등 다양한 실무자가 동일한 기준과 언어로 소통하고 협업할 수 있도록 설계되어 있으며, 공통 컴포넌트를 사용할 경우 디자인 시스템에 포함된 가이드라인을 반드시 확인하고 적용해야 합니다.
본 시스템은 카카오워크의 릴리즈 일정에 맞춰 정기적으로 업데이트되며, @@product.design을 통해 일괄적으로 관리됩니다.
이를 통해 변화하는 비즈니스 요구와 시장 환경에 신속하게 대응하고, B2B 업무 플랫폼으로서의 경쟁력을 지속적으로 강화합니다.

시스템 구조
카카오워크 디자인 시스템은 계층 구조를 기반으로 구성되어 있으며, 각 레이어는 상위 구조의 기반이 되는 요소로 유기적으로 연결되어 있습니다. Foundation→ Component→ Template→ Feature로 점진적으로 확장되며, 기초 요소들이 모여 실질적인 화면과 기능으로 완성되는 구조입니다.

Foundation
Color
Color



Foundation
Typography
Typography



Foundation
Icons
Icons


Next Project