Surface · Design System

디자인 시스템, 일관된 브랜드 경험의 기반

재사용 가능한 컴포넌트와 스타일 가이드로, 여러 페이지와 콘텐츠 유형에서 브랜드가 일관되게 표현되는 구조를 만듭니다. 콘텐츠 담당자가 디자이너 없이도 가이드라인 안에서 콘텐츠를 발행합니다.

컴포넌트로 정의하면, 담당자가 바뀌어도 브랜드가 유지됩니다

헤더, 카드, 리스트, 인용문, CTA 등 공통 요소가 컴포넌트로 정의되어 있어, 새 페이지를 추가해도 동일한 룩앤필이 유지됩니다. 담당자가 바뀌어도 디자인 품질이 흔들리지 않습니다.

콘텐츠 상세 페이지에 사용되는 모든 스타일이 사전에 정의되어 있습니다. 이미지, 캡션, 인용문, 슬라이더, 목록 등 콘텐츠 요소를 CMS에서 선택하면 디자인 시스템에 따라 자동으로 스타일이 적용됩니다.

기존 컴포넌트를 조합하여 새 페이지 유형을 빠르게 만듭니다. 디자인 시스템이 없으면 매번 처음부터 디자인해야 하지만, 컴포넌트가 정의되어 있으면 조합만으로 새 레이아웃을 구성합니다.

UI Components

버튼, 카드, 네비게이션, 폼, 테이블, 모달 등 기본 UI 요소를 컴포넌트로 정의합니다. 각 컴포넌트의 변형(variant), 상태(state), 반응형 동작을 체계적으로 규정합니다.

Content Typography

제목 계층(H1~H4), 본문, 이미지, 캡션, 인용문, 목록, 표, 구분선 등 콘텐츠 안에서 사용되는 모든 요소의 스타일을 정의합니다. CMS에서 콘텐츠를 입력하면 이 스타일이 자동으로 적용됩니다.

Brand Guidelines

컬러 팔레트, 타이포그래피, 아이콘, 간격, 그리드 등 브랜드의 시각적 요소를 디지털 환경에 맞게 정의합니다. 글로벌 본사 가이드라인이 있는 경우 이를 준수하면서 웹에 맞게 확장합니다.

Featured Project 2023

문화·관광 · 브랜드 매거진

Featured Project 2021

패션·럭셔리 · 기업 홈페이지

디자인 시스템이란 무엇인가요?

디자인 시스템은 웹사이트에서 반복적으로 사용되는 UI 요소(버튼, 카드, 네비게이션 등)와 스타일 규칙(색상, 폰트, 간격 등)을 체계적으로 정의한 것입니다. 새 페이지를 만들 때마다 처음부터 디자인하지 않고, 정의된 컴포넌트를 조합하여 일관된 디자인을 유지합니다.

기존 브랜드 가이드라인이 있으면 따를 수 있나요?

가능합니다. 글로벌 본사나 기업 CI 가이드라인을 준수하면서 디지털 환경에 맞게 확장합니다. 가이드라인이 없는 경우에도 기업의 브랜드 톤을 분석하여 디지털 디자인 시스템을 정립합니다.

디자인 시스템은 별도 비용이 드나요?

기업 홈페이지 구축 프로젝트에 디자인 시스템 구축이 포함됩니다. 별도의 추가 비용이 아닌, 설계 단계에서 자연스럽게 진행됩니다. 콘텐츠가 지속적으로 발행되는 사이트일수록 디자인 시스템의 가치가 큽니다.

디자인 시스템이 있으면 디자이너가 필요 없나요?

콘텐츠 발행에는 디자이너가 필요 없습니다. 콘텐츠 담당자가 CMS에서 텍스트와 이미지를 입력하면 디자인 시스템에 따라 스타일이 자동 적용됩니다. 새로운 페이지 유형 추가나 디자인 변경이 필요한 경우에는 디자이너가 관여합니다.

일관된 브랜드 경험을 위한 디자인 시스템을 구축합니다.