World 디자인 프로토콜
디자인 원칙, 가이드라인 및 리소스
디자인 원칙
인간적
인간 특유의 자연스럽고 예측 불가능한 특성이야말로 혁신을 이루는 핵심이라는 믿음
보편적
포용성, 접근성, 글로벌 연결성을 보장하는 비주얼 언어입니다.
낙관적
인류에 대한 믿음, 그리고 기술이 모든 사람의 삶을 더 나아지게 할 수 있다는 믿음
브랜드 개요
모든 도구는 World라는 핵심 브랜드 아래 통합되어 있습니다.
시각적 정체성
World 로고
시간이 지나도 변하지 않는 디자인 원칙을 바탕으로 만들어진 이 로고는 World가 추구하는 접근성, 혁신, 글로벌 연결이라는 가치를 담고 있습니다.
로고마크는 브랜드 아이덴티티를 대표하는 핵심 요소입니다. 항상 원본 형태의 로고를 사용하고, 가시성과 임팩트를 보장하기 위해 충분한 여백을 유지해야 합니다. 변형, 왜곡 또는 허가되지 않은 색상 사용은 로고의 일관성을 해칠 수 있습니다.
워드마크는 World 브랜드의 시각적 정체성에서 로고 심볼과 조화를 이루며, 브랜드 이름을 명확하고 세련되게 전달하는 핵심 요소입니다. 워드마크의 변형, 왜곡 또는 승인받지 않은 효과 적용은 허용되지 않습니다.
로고 락업은 로고 심볼과 워드마크를 하나의 통합 디자인으로 결합하여 브랜드를 가장 완전한 형태로 표현합니다. 락업은 제공된 형태 그대로 사용하고, 구성 요소들 간의 비율, 여백, 정렬을 반드시 유지해야 합니다. 구성 요소를 임의로 분리, 재배치 또는 크기 변경하지 마십시오. 항상 가이드라인에 따라 크기, 여백 및 배치를 준수하여 일관성을 유지하십시오.
클리어스페이스는 로고와 레이아웃 내 다른 요소 사이의 최소한의 간격을 의미합니다. world에서 “o” 글자의 폭이 로고의 클리어스페이스를 정의합니다.
로고 및 색상 사용 지침
로고 및 색상 사용 금지 사항
파트너십이나 협력 관계를 나타낼 때는 다음과 같은 형식으로 World 로고를 다른 브랜드의 로고와 함께 사용할 수 있습니다.


색상
보조 색상은 World 브랜드 내에서 표현력 및 실용적 목적 모두로 사용됩니다. 예를 들어, 행사 출입증의 보안 등급을 구분하는 색상 코드화, 지역화된 그라데이션 깃발 색상을 런칭 자료에 활용하거나, 사용자 인터페이스 내 색상의 의미 구분, 그리고 시각 자료의 표현력 향상 등에 활용됩니다.




타이포그래피
World Pro는 World를 사용하고, 통합하고, 상호작용하는 모든 사람을 위한 보편적인 비주얼 시스템을 확장 가능하게 구현하기 위해 특별히 제작되었습니다. World 브랜드에서는 이 서체만 사용합니다.


서체 굵기
World Pro는 Regular와 Medium 두 가지 두께로 제공됩니다. 일반적으로는 Regular를 사용하고, 강조가 필요할 때는 Medium을 포인트로 활용합니다.


행간과 자간
정렬 방식
World Pro Regular는 일반적으로 제목과 본문 모두에 무난하게 사용할 수 있을 만큼 활용 범위가 넓으며, 위계는 보통 글자 크기 차이로 구분합니다.
World Pro Medium은 더 강한 강조가 필요한 작은 서브헤드에 사용할 수 있습니다.






Noto 폰트는 기본 라틴 서체와 함께 사용되어, 라틴 문자가 아닌 다양한 언어권의 문자까지 폭넓게 지원하므로 중국어, 아랍어, 키릴 문자, 일본어 등 여러 문자 체계에서도 시각적으로 일관되고 조화로운 글꼴 스타일을 제공합니다.
이러한 접근 방식을 통해 브랜드의 일관성과 포용성을 유지하면서, 전 세계 사용자들이 모국어 문자로 콘텐츠를 자연스럽고 가독성 있게 경험할 수 있도록 합니다.
World Pro를 사용할 수 없는 제한적인 경우, 즉 Google Slides에서는 Google Fonts 라이브러리의 대체 서체를 사용할 수 있습니다. 본문에는 Inter를 사용하고, 헤드라인에는 Inter Tight를 사용합니다. Google Fonts 라이브러리에서는 이 두 서체만 사용할 수 있으며, World Pro를 사용할 수 없을 때에만 예외적으로 사용해야 합니다.
컴포지션
그리드는 디자인 시스템에서 가장 중요한 도구 중 하나입니다. 모든 레이아웃과 컴포지션에 필수적으로 적용되어야 하며 항상 사용해야 합니다. 아트보드의 크기와 구성 요소의 개수에 따라 2, 4, 6, 또는 8 컬럼 그리드를 선택할 수 있지만, 어떤 경우라도 구성 요소들은 그리드에 맞추어 정렬하고 여백 간격에 맞춰 균형 있게 배치해야 합니다.
내부 자료
로고가 다른 콘텐츠 및 리소스와 함께 표시되는 모든 내부 자료와 브랜드 자료에서는 일관성을 유지하기 위해 로고를 레이아웃의 왼쪽 상단에 배치합니다.
단독 로고
로고가 유일한 요소로 사용되는 레이아웃(예: 비디오 카드, 특정 캠페인 또는 공지사항 등)에서는 로고를 화면의 중앙에 배치합니다.
소셜 미디어 프로필






일러스트레이션
World의 각 주요 제품은 해당 제품의 특성이나 제공하는 서비스의 성격을 반영한 일러스트레이션을 가지고 있습니다.
데이터를 표현하는 방법은 다양하지만, 일관된 스타일이 적용되어야 합니다. 데이터 시각화 그래픽에서 외곽선, 차트와 그래프를 위한 기하학적 형태, 그리고 신중하고 절제된 색상과 채우기의 사용이 일관된 요소로 적용됩니다.
그라디언트 그리드는 다채롭고 표현력 있는 그래픽 요소로, 다음 두 가지 방식으로 사용됩니다.
- 각 국가 지도에서 추출한 색상을 그라디언트 전환에 적용하여 지역적 특성을 표현하는 용도
- 특정 색상과 관계없이 분위기나 에너지를 자유롭게 표현하는 배경 그래픽 용도




아이코노그래피
아래는 현재 사용 중인 전체 아이콘 세트입니다. 앞으로 더 많은 아이콘이 추가될 수 있지만, 일관성을 유지하려면 반드시 제작 가이드라인에 따라 만들어야 합니다.
World 아이콘은 서체의 연장선으로 디자인되어, 획의 굵기와 곡선 형태를 그대로 반영합니다.
텍스트와 함께 사용하는 모든 아이콘은 서체와 조화를 이루도록 동일한 비율과 정렬을 유지하는 것이 중요합니다. 가로형 직사각 아이콘은 대문자 높이의 상단과 하단에 맞춰 정렬되며, 세로 기준으로는 중앙에 배치되도록 설계됩니다.
아이콘 크기 조정
모든 SVG 아이콘은 표준 프레임 안에 포함됩니다. 타이포그래피와의 일관된 크기를 유지하려면 아이콘 프레임에 다음 공식을 적용할 수 있습니다. 글자 크기에 1.07을 곱하면 아이콘 프레임 크기가 됩니다. 예를 들어 글자 크기가 180px이면 아이콘 프레임 너비는 180 × 1.07 = 192.6px가 되어야 합니다.
디자인 자료
히어로 이미지, 그라디언트, WLD 통화 기호, Orb, World App, World Chain 등의 그래픽 자료 및 디자인 리소스



