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
Noto Sans JP 글꼴 텍스트가 적용된 World 브랜드 가이드라인의 아코디언 항목 시각 자료.Noto Sans JP 글꼴 텍스트가 적용된 World 브랜드 가이드라인의 아코디언 항목 시각 자료.
일본어: Noto Sans JP
World 브랜드 가이드라인에 포함된 Noto Sans Arabic 글꼴 그래픽World 브랜드 가이드라인에 포함된 Noto Sans Arabic 글꼴 그래픽
아랍어: 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 브랜드 가이드라인 그래픽.
장식적인 아코디언 형식으로 구성된 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 브랜드 가이드라인과 디자인 원칙을 보여주는 그래픽 표현World 브랜드 가이드라인과 디자인 원칙을 보여주는 그래픽 표현

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

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

아이코노그래피

아래는 World의 주요 제품과 각 제품에 해당하는 아이콘입니다. 파트너는 Worldcoin을 나타낼 때 World 로고를 사용할 수도 있습니다.

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

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

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

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

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

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

디자인 자료

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