World 디자인 가이드

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

디자인 원칙

  • 인간적

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

  • 보편적

    모든 국경과 문화, 역사적 차이를 뛰어넘는 시각 언어로, 포용성과 접근성을 높이고 전 세계를 연결.

  • 낙관적

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

브랜드 개요

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

시각적 정체성

World 로고

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

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

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

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

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

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

색상 & 그라데이션

중립적
부드러움, 은은함, 세련됨, 절제됨, 차분함, 편안함
주요 색상
평온함, 진실성, 고요함, 사색, 지혜, 신뢰
보조 색상
생기, 행복, 활기, 낙관, 에너지, 포용성

그라데이션 만들기 (PDF 튜토리얼)

  • World 그라데이션은 핵심 브랜드 시스템에서 중요한 요소입니다. 희망과 낙관을 전달하며, 배경에 적용될 때 브랜드의 특징적 자산으로 사용할 수 있습니다.
  • 지정된 색상으로만 사용해야 합니다.
  • 그라데이션은 비트맵으로 생성한 후 색상을 입혀야 하며, 비트맵의 해상도는 다음 페이지에 안내된 가이드라인을 준수해야 합니다.
그라데이션 - 해상도
너무 낮음
적당함
너무 높음

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

타이포그래피

Lausanne은 세련되고 모던한 산세리프 폰트로, 본문부터 디스플레이까지 폭넓은 용도로 활용할 수 있습니다. 고전적인 산세리프 서체의 품격을 지니면서도, 디지털 타이포그래피의 특징을 조화롭게 통합하고 있습니다. World 브랜드에서 사용하는 유일한 서체입니다.

서체 굵기

아래는 World 브랜드 전반에 사용되는 Lausanne 서체의 세 가지 굵기입니다. 이 서체 굵기들은 모든 콘텐츠의 기반이 되며, 예외 사항이나 추가 사용이 필요한 경우에는 반드시 내부 승인을 받아야 합니다.

아래 규칙들은 브랜드 메시지에서 거의 모든 타이포그래피 상황에 적용할 수 있는 일반적인 기준입니다.

본문 및 긴 텍스트는 300의 굵기로 설정합니다. 헤드라인과 큰 디스플레이 텍스트는 400의 굵기를 사용하며, 부제목과 타이틀처럼 더 작은 텍스트는 주 헤드라인보다는 작지만 강조 효과를 유지하기 위해 450의 굵기를 사용합니다.

행간과 자간
정렬 방식

Tiempos Collection은 편집 타이포그래피를 위한 현대적인 세리프 계열입니다. Tiempos Headline은 더 큰 헤드라인 크기에 맞춰 디자인되어 실용성과 우아함의 균형을 이룹니다.

서체 굵기

아래는 World 브랜드 전반에 사용되는 Tiempos Headline의 두 가지 굵기입니다. 예외 사항이나 추가 사용은 반드시 내부 승인을 받아야 합니다.

Tiempos Headline은 제한적인 상황에서만 사용되는 보조 서체로, 주로 브랜드가 사용자에게 직접적으로 소통하며 친밀감을 주고자 할 때 사용됩니다.

광고, 굿즈, 일부 UX 화면 등에 사용할 수 있습니다. 모든 내용과 예외 또는 추가 사항은 반드시 내부 승인을 받아야 합니다.

서체의 역할

소셜 미디어 게시물, 캠페인, 특별한 콘텐츠

Tiempos는 브랜드의 시각 언어에 인간적인 터치와 직접적인 목소리를 더합니다. 사용자와 더 가깝고 친밀하게 소통하고자 하는 특정 상황에서, 따뜻하고 친근하면서도 품격 있는 톤을 연출하는 데 이상적입니다.

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

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

중국어: Noto Sans HKn
일본어: Noto Sans JP
아랍어: Noto Sans Arabic
벵골어: Noto Sans Bengali
히브리어: Noto Sans Hebrew
키릴 문자: Noto Sans

Google Slides와 같이 Lausanne 서체를 사용할 수 없는 일부 제한적인 상황에서는 Google Fonts 라이브러리의 대체 서체를 사용할 수 있습니다. 본문용으로는 'Inter', 헤드라인용으로는 'Inter Tight'를 사용합니다. Google Fonts 라이브러리에서는 반드시 이 두 서체만 사용할 수 있으며, Lausanne을 사용할 수 없는 경우에만 적용해야 합니다.

컴포지션

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

내부 자료

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

단독 로고

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

소셜 미디어 프로필
그라데이션 위 로고

로고를 그라디언트 배경 위에 배치할 때는 항상 밝은 영역에 놓아 가독성에 방해가 되지 않도록 합니다.

일러스트레이션

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

World ID
World App
World Chain
Worldcoin
Orb

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

예시 1 - 막대 차트
예시 2 - 축척 모델
예시 3 - 가격 그래프

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

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

아이코노그래피

사용자가 각 제품을 쉽게 식별하고 탐색할 수 있도록, 모든 제품에는 해당 일러스트를 간결하게 표현한 아이콘이 함께 제공됩니다.

제품 아이콘은 다양한 크기에서도 동일한 무게감을 유지해야 합니다. 기본 기준 두께는 아이콘의 너비가 60 px일 때 1.0 px로 설정되며, 더 크거나 작게 조정할 경우 시각적으로 이 기본 기준과 일관되도록 두께를 조정해야 합니다.

아이콘이 웹과 같은 레이아웃 내 다른 요소와 함께 사용될 때는 항상 좌측 상단에 맞춰 정렬해야 합니다. 추가 요소 없이 아이콘만 함께 표시되는 경우에는 컴포지션 중앙에 배치할 수 있습니다.

좌측 상단
중앙

디자인 자료

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