World 디자인 프로토콜

디자인 원칙, 가이드라인 및 리소스

디자인 원칙

  • 인간적

    인간 특유의 자연스럽고 예측 불가능한 특성이야말로 혁신을 이루는 핵심이라는 믿음

  • 보편적

    포용성, 접근성, 글로벌 연결성을 보장하는 비주얼 언어입니다.

  • 낙관적

    인류에 대한 믿음, 그리고 기술이 모든 사람의 삶을 더 나아지게 할 수 있다는 믿음

브랜드 개요

모든 도구는 World라는 핵심 브랜드 아래 통합되어 있습니다.

브랜드 개요브랜드 개요
브랜드 개요브랜드 개요

시각적 정체성

World 로고

시간이 지나도 변하지 않는 디자인 원칙을 바탕으로 만들어진 이 로고는 World가 추구하는 접근성, 혁신, 글로벌 연결이라는 가치를 담고 있습니다.

로고마크는 브랜드 아이덴티티를 대표하는 핵심 요소입니다. 항상 원본 형태의 로고를 사용하고, 가시성과 임팩트를 보장하기 위해 충분한 여백을 유지해야 합니다. 변형, 왜곡 또는 허가되지 않은 색상 사용은 로고의 일관성을 해칠 수 있습니다.

World의 브랜드 원칙과 가이드라인을 시각적으로 표현한 이미지입니다.World의 브랜드 원칙과 가이드라인을 시각적으로 표현한 이미지입니다.
World 브랜드 가이드라인을 강조하며 디자인 원칙과 자산을 보여주는 그래픽입니다.World 브랜드 가이드라인을 강조하며 디자인 원칙과 자산을 보여주는 그래픽입니다.

워드마크는 World 브랜드의 시각적 정체성에서 로고 심볼과 조화를 이루며, 브랜드 이름을 명확하고 세련되게 전달하는 핵심 요소입니다. 워드마크의 변형, 왜곡 또는 승인받지 않은 효과 적용은 허용되지 않습니다.

브랜드 가이드라인 섹션에서 World 브랜딩 요소를 보여주는 그래픽 표현입니다.브랜드 가이드라인 섹션에서 World 브랜딩 요소를 보여주는 그래픽 표현입니다.
World를 위한 브랜드 가이드라인을 그래픽으로 표현하여 디자인 원칙과 자산을 보여줍니다.World를 위한 브랜드 가이드라인을 그래픽으로 표현하여 디자인 원칙과 자산을 보여줍니다.

로고 락업은 로고 심볼과 워드마크를 하나의 통합 디자인으로 결합하여 브랜드를 가장 완전한 형태로 표현합니다. 락업은 제공된 형태 그대로 사용하고, 구성 요소들 간의 비율, 여백, 정렬을 반드시 유지해야 합니다. 구성 요소를 임의로 분리, 재배치 또는 크기 변경하지 마십시오. 항상 가이드라인에 따라 크기, 여백 및 배치를 준수하여 일관성을 유지하십시오.

World 브랜딩과 디자인 원칙에 관한 시각적 표현입니다.World 브랜딩과 디자인 원칙에 관한 시각적 표현입니다.
디자인 원칙과 자산을 강조하는 World 브랜드 가이드라인 관련 그래픽 표현입니다.디자인 원칙과 자산을 강조하는 World 브랜드 가이드라인 관련 그래픽 표현입니다.

클리어스페이스는 로고와 레이아웃 내 다른 요소 사이의 최소한의 간격을 의미합니다. world에서 “o” 글자의 폭이 로고의 클리어스페이스를 정의합니다.

World 브랜드 가이드라인과 디자인 원칙과 관련된 시각적 표현입니다.World 브랜드 가이드라인과 디자인 원칙과 관련된 시각적 표현입니다.
로고 및 색상 사용 지침
로고 및 색상 사용 지침로고 및 색상 사용 지침

로고 및 색상 사용 금지 사항
로고 및 색상 사용 금지 사항로고 및 색상 사용 금지 사항

파트너십이나 협력 관계를 나타낼 때는 다음과 같은 형식으로 World 로고를 다른 브랜드의 로고와 함께 사용할 수 있습니다.

파트너십 안전 영역파트너십 안전 영역

색상

중립적
다크 그레이 팔레트다크 그레이 팔레트
부드러움, 은은함, 세련됨, 절제됨, 차분함, 편안함
주요 색상
주요 팔레트주요 팔레트
평온함, 진실성, 고요함, 사색, 지혜, 신뢰
보조 색상
보조 팔레트보조 팔레트
생기, 행복, 활기, 낙관, 에너지, 포용성
World 브랜드 가이드라인의 색상 계층 구조를 나타내는 일러스트레이션입니다.World 브랜드 가이드라인의 색상 계층 구조를 나타내는 일러스트레이션입니다.
디자인 프로토콜 내 World 브랜드 가이드라인과 관련된 색상 코딩 예시입니다.디자인 프로토콜 내 World 브랜드 가이드라인과 관련된 색상 코딩 예시입니다.
World 브랜드 가이드라인의 색상 코딩 원칙을 시각적으로 표현했습니다.World 브랜드 가이드라인의 색상 코딩 원칙을 시각적으로 표현했습니다.
World 브랜드 디자인 가이드라인의 색상 코딩 원칙을 시각적으로 표현했습니다.World 브랜드 디자인 가이드라인의 색상 코딩 원칙을 시각적으로 표현했습니다.
World 브랜드 가이드라인에서 색상 코딩과 관련된 일러스트레이션입니다.World 브랜드 가이드라인에서 색상 코딩과 관련된 일러스트레이션입니다.

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

포르투갈포르투갈
영국영국

타이포그래피

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

World 프로World 프로

World 프로 폰트

서체 굵기

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

World Pro MediumWorld Pro Medium
행간과 자간
행간과 자간행간과 자간
행간과 자간행간과 자간
정렬 방식
정렬 방식정렬 방식

World Pro Regular는 일반적으로 제목과 본문 모두에 무난하게 사용할 수 있을 만큼 활용 범위가 넓으며, 위계는 보통 글자 크기 차이로 구분합니다.

World Pro Medium은 더 강한 강조가 필요한 작은 서브헤드에 사용할 수 있습니다.

헤드라인헤드라인
사용법사용법
outdoor-screen-3 3outdoor-screen-3 3

Noto 폰트는 기본 라틴 서체와 함께 사용되어, 라틴 문자가 아닌 다양한 언어권의 문자까지 폭넓게 지원하므로 중국어, 아랍어, 키릴 문자, 일본어 등 여러 문자 체계에서도 시각적으로 일관되고 조화로운 글꼴 스타일을 제공합니다.

이러한 접근 방식을 통해 브랜드의 일관성과 포용성을 유지하면서, 전 세계 사용자들이 모국어 문자로 콘텐츠를 자연스럽고 가독성 있게 경험할 수 있도록 합니다.

World 브랜드 가이드라인 섹션으로, 디자인 자산 및 타이포그래피 예시가 포함되어 있습니다.World 브랜드 가이드라인 섹션으로, 디자인 자산 및 타이포그래피 예시가 포함되어 있습니다.
중국어: Noto Sans HKn
World 브랜드 가이드라인의 아코디언 항목을 시각적으로 나타내며 Noto Sans JP 폰트의 텍스트가 포함되어 있습니다.World 브랜드 가이드라인의 아코디언 항목을 시각적으로 나타내며 Noto Sans JP 폰트의 텍스트가 포함되어 있습니다.
일본어: Noto Sans JP
Noto Sans Arabic 폰트로 제작된 World 브랜드 가이드라인의 그래픽 표현입니다.Noto Sans Arabic 폰트로 제작된 World 브랜드 가이드라인의 그래픽 표현입니다.
아랍어: Noto Sans Arabic
브랜드 타이포그래피를 보여주는 Noto Sans Bengali 서체의 벵골어 텍스트 시각적 표현입니다.브랜드 타이포그래피를 보여주는 Noto Sans Bengali 서체의 벵골어 텍스트 시각적 표현입니다.
벵골어: Noto Sans Bengali
브랜드 가이드라인을 위한 Noto Sans Hebrew 폰트 예시입니다.브랜드 가이드라인을 위한 Noto Sans Hebrew 폰트 예시입니다.
히브리어: Noto Sans Hebrew
Noto Sans 폰트의 키릴 문자와 World 브랜드 디자인 요소가 포함된 아코디언 항목 이미지입니다.Noto Sans 폰트의 키릴 문자와 World 브랜드 디자인 요소가 포함된 아코디언 항목 이미지입니다.
키릴 문자: Noto Sans

World Pro를 사용할 수 없는 제한적인 경우, 즉 Google Slides에서는 Google Fonts 라이브러리의 대체 서체를 사용할 수 있습니다. 본문에는 Inter를 사용하고, 헤드라인에는 Inter Tight를 사용합니다. Google Fonts 라이브러리에서는 이 두 서체만 사용할 수 있으며, World Pro를 사용할 수 없을 때에만 예외적으로 사용해야 합니다.

World 브랜드 가이드라인의 디자인 요소를 나타내는 그래픽입니다.World 브랜드 가이드라인의 디자인 요소를 나타내는 그래픽입니다.

컴포지션

그리드는 디자인 시스템에서 가장 중요한 도구 중 하나입니다. 모든 레이아웃과 컴포지션에 필수적으로 적용되어야 하며 항상 사용해야 합니다. 아트보드의 크기와 구성 요소의 개수에 따라 2, 4, 6, 또는 8 컬럼 그리드를 선택할 수 있지만, 어떤 경우라도 구성 요소들은 그리드에 맞추어 정렬하고 여백 간격에 맞춰 균형 있게 배치해야 합니다.

World 브랜드 원칙과 디자인 가이드라인의 시각적 표현입니다.World 브랜드 원칙과 디자인 가이드라인의 시각적 표현입니다.
내부 자료

로고가 다른 콘텐츠 및 리소스와 함께 표시되는 모든 내부 자료와 브랜드 자료에서는 일관성을 유지하기 위해 로고를 레이아웃의 왼쪽 상단에 배치합니다.

World 브랜딩에서 로고 배치 가이드라인을 보여주는 일러스트레이션입니다.World 브랜딩에서 로고 배치 가이드라인을 보여주는 일러스트레이션입니다.
단독 로고

로고가 유일한 요소로 사용되는 레이아웃(예: 비디오 카드, 특정 캠페인 또는 공지사항 등)에서는 로고를 화면의 중앙에 배치합니다.

World 브랜딩 자료 내 로고 배치 가이드라인을 보여주는 그래픽 표현입니다.World 브랜딩 자료 내 로고 배치 가이드라인을 보여주는 그래픽 표현입니다.
소셜 미디어 프로필
World 브랜딩의 올바른 로고 배치를 요약하는 일러스트레이션입니다.World 브랜딩의 올바른 로고 배치를 요약하는 일러스트레이션입니다.
World는 실제 인간들의 네트워크입니다World는 실제 인간들의 네트워크입니다
혜택혜택
World ID 혜택World ID 혜택

일러스트레이션

World의 각 주요 제품은 해당 제품의 특성이나 제공하는 서비스의 성격을 반영한 일러스트레이션을 가지고 있습니다.

World ID
전화번호전화번호
World App
브랜드 가이드라인 내 World App과 관련된 시각적 표현입니다.브랜드 가이드라인 내 World App과 관련된 시각적 표현입니다.
World Chain
World Chain 브랜딩 원칙과 관련된 그래픽 표현입니다.World Chain 브랜딩 원칙과 관련된 그래픽 표현입니다.
Worldcoin
Worldcoin 브랜딩과 관련된 일러스트레이션으로, 디자인 원칙과 자산을 보여줍니다.Worldcoin 브랜딩과 관련된 일러스트레이션으로, 디자인 원칙과 자산을 보여줍니다.
Orb
World 브랜드 가이드라인의 일부로서 Orb와 연관된 일러스트레이션 또는 그래픽입니다.World 브랜드 가이드라인의 일부로서 Orb와 연관된 일러스트레이션 또는 그래픽입니다.

데이터를 표현하는 방법은 다양하지만, 일관된 스타일이 적용되어야 합니다. 데이터 시각화 그래픽에서 외곽선, 차트와 그래프를 위한 기하학적 형태, 그리고 신중하고 절제된 색상과 채우기의 사용이 일관된 요소로 적용됩니다.

예시 1 - 막대 차트
World 브랜드 가이드라인에서 데이터를 나타내는 막대그래프형 일러스트레이션입니다.World 브랜드 가이드라인에서 데이터를 나타내는 막대그래프형 일러스트레이션입니다.
예시 2 - 축척 모델
World 브랜드 요소와 디자인 원칙을 보여주는 스케일 모델 일러스트레이션입니다.World 브랜드 요소와 디자인 원칙을 보여주는 스케일 모델 일러스트레이션입니다.
예시 3 - 가격 그래프
World 제품의 가격 추이를 보여주는 그래픽 표현입니다.World 제품의 가격 추이를 보여주는 그래픽 표현입니다.
디자인 원칙과 자산에 중점을 둔 World 브랜드 가이드라인의 그래픽 표현입니다.디자인 원칙과 자산에 중점을 둔 World 브랜드 가이드라인의 그래픽 표현입니다.
Decorative 아코디언 스타일로 표현된 World 브랜드 가이드라인의 시각적 표현입니다.Decorative 아코디언 스타일로 표현된 World 브랜드 가이드라인의 시각적 표현입니다.
World 브랜드 디자인 원칙을 표현하는 스타일리시한 그래픽입니다.World 브랜드 디자인 원칙을 표현하는 스타일리시한 그래픽입니다.
디자인 가이드라인을 설명하는 World 브랜딩 요소의 그래픽 표현입니다.디자인 가이드라인을 설명하는 World 브랜딩 요소의 그래픽 표현입니다.
World 브랜드 가이드라인과 관련된 일러스트레이션으로, 디자인 원칙과 자산을 강조합니다.World 브랜드 가이드라인과 관련된 일러스트레이션으로, 디자인 원칙과 자산을 강조합니다.
World 브랜드 가이드라인 섹션과 관련된 그래픽으로, 디자인 원칙과 자산을 강조합니다.World 브랜드 가이드라인 섹션과 관련된 그래픽으로, 디자인 원칙과 자산을 강조합니다.
World 브랜드 가이드라인을 보여주며, 디자인 원칙과 자산을 부각시킨 그래픽입니다.World 브랜드 가이드라인을 보여주며, 디자인 원칙과 자산을 부각시킨 그래픽입니다.
World 브랜드 가이드라인의 시각적 표현으로, 디자인 자산과 원칙을 포함합니다.World 브랜드 가이드라인의 시각적 표현으로, 디자인 자산과 원칙을 포함합니다.
아코디언 포맷에서 World 브랜드 디자인 원칙과 가이드라인을 나타내는 그래픽입니다.아코디언 포맷에서 World 브랜드 디자인 원칙과 가이드라인을 나타내는 그래픽입니다.
브랜드 가이드라인 섹션에 소개된 World 브랜드 디자인 원칙과 관련된 그래픽 표현입니다.브랜드 가이드라인 섹션에 소개된 World 브랜드 디자인 원칙과 관련된 그래픽 표현입니다.
World 브랜드 자산이 반영된 브랜디드 레이아웃의 그래픽 표현입니다.World 브랜드 자산이 반영된 브랜디드 레이아웃의 그래픽 표현입니다.
World 브랜드 가이드라인의 디자인 프로토콜 섹션에서 관련된 시각적 표현입니다.World 브랜드 가이드라인의 디자인 프로토콜 섹션에서 관련된 시각적 표현입니다.
World 브랜드 가이드라인의 디자인 요소를 보여주는 그래픽입니다.World 브랜드 가이드라인의 디자인 요소를 보여주는 그래픽입니다.
World의 브랜드 원칙과 가이드라인을 나타내는 일러스트레이션입니다.World의 브랜드 원칙과 가이드라인을 나타내는 일러스트레이션입니다.
World 로고는 혁신과 기술에서의 역량 강화를 표현하는 현대적인 디자인입니다.World 로고는 혁신과 기술에서의 역량 강화를 표현하는 현대적인 디자인입니다.
World 브랜드 가이드라인과 디자인 원칙과 관련된 그래픽 표현입니다.World 브랜드 가이드라인과 디자인 원칙과 관련된 그래픽 표현입니다.

그라디언트 그리드는 다채롭고 표현력 있는 그래픽 요소로, 다음 두 가지 방식으로 사용됩니다.

  1. 각 국가 지도에서 추출한 색상을 그라디언트 전환에 적용하여 지역적 특성을 표현하는 용도
  2. 특정 색상과 관계없이 분위기나 에너지를 자유롭게 표현하는 배경 그래픽 용도
예시 1 - 콜롬비아
콜롬비아콜롬비아
예시 2 - 아르헨티나
아르헨티나아르헨티나

아이코노그래피

아래는 현재 사용 중인 전체 아이콘 세트입니다. 앞으로 더 많은 아이콘이 추가될 수 있지만, 일관성을 유지하려면 반드시 제작 가이드라인에 따라 만들어야 합니다.

World 아이콘은 서체의 연장선으로 디자인되어, 획의 굵기와 곡선 형태를 그대로 반영합니다.

텍스트와 함께 사용하는 모든 아이콘은 서체와 조화를 이루도록 동일한 비율과 정렬을 유지하는 것이 중요합니다. 가로형 직사각 아이콘은 대문자 높이의 상단과 하단에 맞춰 정렬되며, 세로 기준으로는 중앙에 배치되도록 설계됩니다.

Ex 그룹 Ex 그룹
아이콘 크기 조정

모든 SVG 아이콘은 표준 프레임 안에 포함됩니다. 타이포그래피와의 일관된 크기를 유지하려면 아이콘 프레임에 다음 공식을 적용할 수 있습니다. 글자 크기에 1.07을 곱하면 아이콘 프레임 크기가 됩니다. 예를 들어 글자 크기가 180px이면 아이콘 프레임 너비는 180 × 1.07 = 192.6px가 되어야 합니다.

메일메일
폰트 크기폰트 크기

디자인 자료

히어로 이미지, 그라디언트, WLD 통화 기호, Orb, World App, World Chain 등의 그래픽 자료 및 디자인 리소스