World 디자인 가이드

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

디자인 원칙

  • 인간적

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

  • 보편적

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

  • 낙관적

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

브랜드 개요

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

Vector representation of the World brand logo, showcasing its design principles for mobile applications.Vector representation of the World brand logo, showcasing its design principles for mobile applications.
Graphic representation illustrating brand guidelines for World, focusing on the core brand identity. Gray A9.Graphic representation illustrating brand guidelines for World, focusing on the core brand identity. Gray A9.

시각적 정체성

World 로고

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

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

Graphic representation of World brand guidelines, highlighting design principles and assets.Graphic representation of World brand guidelines, highlighting design principles and assets.
Graphic representation of World brand guidelines for design principles and assetsGraphic representation of World brand guidelines for design principles and assets

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

Illustration representing brand guidelines for World, showcasing design principles and assets.Illustration representing brand guidelines for World, showcasing design principles and assets.
Visual representation of World branding guidelines in a cohesive design format.Visual representation of World branding guidelines in a cohesive design format.

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

Graphic illustration representing World brand design principles and guidelinesGraphic illustration representing World brand design principles and guidelines
Visual representation of World brand guidelinesVisual representation of World brand guidelines

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

Visual representation related to World brand guidelines and design principlesVisual representation related to World brand guidelines and design principles
Graphic illustration representing World brand design principles and guidelinesGraphic illustration representing World brand design principles and guidelines
Visual representation of World brand guidelinesVisual representation of World brand guidelines
Visual representation related to World brand guidelines, illustrating design protocols and principles.Visual representation related to World brand guidelines, illustrating design protocols and principles.
Graphic representation of World brand guidelines, illustrating design principles and assets.Graphic representation of World brand guidelines, illustrating design principles and assets.
Brand guidelines section header for World, featuring design principles and assets.Brand guidelines section header for World, featuring design principles and assets.
Graphic representation of World brand guidelinesGraphic representation of World brand guidelines

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

Graphic representation of World branding elements and design protocolsGraphic representation of World branding elements and design protocols
Graphic representation illustrating the brand guidelines for World, emphasizing design principles and assets.Graphic representation illustrating the brand guidelines for World, emphasizing design principles and assets.

색상 & 그라데이션

중립적
Stylized design elements representing neutrality, softness, elegance, simplicity, and calmness in World branding.Stylized design elements representing neutrality, softness, elegance, simplicity, and calmness in World branding.
부드러움, 은은함, 세련됨, 절제됨, 차분함, 편안함
주요 색상
Stylized representation reflecting core brand colors of World, symbolizing tranquility, integrity, clarity, contemplation, wisdom, and trust.Stylized representation reflecting core brand colors of World, symbolizing tranquility, integrity, clarity, contemplation, wisdom, and trust.
평온함, 진실성, 고요함, 사색, 지혜, 신뢰
보조 색상
Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.Color palette representing vibrancy, happiness, energy, and inclusivity for World branding guidelines.
생기, 행복, 활기, 낙관, 에너지, 포용성
Color sequence chart illustrating World brand colors and design principlesColor sequence chart illustrating World brand colors and design principles
Color palette used in World branding, showcasing primary and secondary color options.Color palette used in World branding, showcasing primary and secondary color options.
Color palette representation for World brand guidelinesColor palette representation for World brand guidelines
Graphic representation of World brand color coding guidelinesGraphic representation of World brand color coding guidelines
Color coding guidelines for the World brand design protocolColor coding guidelines for the World brand design protocol

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

  • World 그라데이션은 핵심 브랜드 시스템에서 중요한 요소입니다. 희망과 낙관을 전달하며, 배경에 적용될 때 브랜드의 특징적 자산으로 사용할 수 있습니다.
  • 지정된 색상으로만 사용해야 합니다.
  • 그라데이션은 비트맵으로 생성한 후 색상을 입혀야 하며, 비트맵의 해상도는 다음 페이지에 안내된 가이드라인을 준수해야 합니다.
Color gradient examples for World brand guidelinesColor gradient examples for World brand guidelines
그라데이션 - 해상도
너무 낮음
Graphic element related to World brand guidelines, possibly an illustration or icon supporting design protocols.Graphic element related to World brand guidelines, possibly an illustration or icon supporting design protocols.
적당함
Illustration related to World brand guidelines, symbolizing adaptability and suitability.Illustration related to World brand guidelines, symbolizing adaptability and suitability.
너무 높음
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.

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

Colorful abstract pattern with shades of green and red, featuring a title that says 'World chega ao Portugal'.Colorful abstract pattern with shades of green and red, featuring a title that says 'World chega ao Portugal'.
A laptop displaying the World brand guidelines webpage, featuring a gradient background with the text 'Everyone knows you more than World ID.'A laptop displaying the World brand guidelines webpage, featuring a gradient background with the text 'Everyone knows you more than World ID.'
Open brochure showcasing brand guidelines with text in Arabic and a bold red design element.Open brochure showcasing brand guidelines with text in Arabic and a bold red design element.
Design of event badges for 'a new world' featuring Speaker and Press titles, with a modern minimalist style.Design of event badges for 'a new world' featuring Speaker and Press titles, with a modern minimalist style.
Screenshot of the World App showing wallet balances and crypto performance, including WLD and ETHScreenshot of the World App showing wallet balances and crypto performance, including WLD and ETH
A person holding a tote bag featuring a gradient design of green, yellow, and blue, with the text 'A VERDADEIRA REDE HUMANA, IDENTIDADE, FINANÇAS E COMUNIDADE PARA CADA HUMANO.' and the World logo at the bottom.A person holding a tote bag featuring a gradient design of green, yellow, and blue, with the text 'A VERDADEIRA REDE HUMANA, IDENTIDADE, FINANÇAS E COMUNIDADE PARA CADA HUMANO.' and the World logo at the bottom.

타이포그래피

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

The primary font used in World brand guidelinesThe primary font used in World brand guidelines
서체 굵기

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

Graphic representing primary typography style for World brand guidelinesGraphic representing primary typography style for World brand guidelines

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

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

Stylized representation of the World brand logo, reflecting design principles for brand guidelines.Stylized representation of the World brand logo, reflecting design principles for brand guidelines.
Promotional visuals showcasing World branding, including an event announcement for San Francisco on 10.17.2024, an Orb station display, and mobile application interface with World branding. The design emphasizes innovation and community engagement.Promotional visuals showcasing World branding, including an event announcement for San Francisco on 10.17.2024, an Orb station display, and mobile application interface with World branding. The design emphasizes innovation and community engagement.
행간과 자간
Design guidelines for World branding focusing on text formatting principles.Design guidelines for World branding focusing on text formatting principles.
Visual representation of text formatting principles for World branding guidelinesVisual representation of text formatting principles for World branding guidelines
정렬 방식
Visual representation of text formatting guidelines for World brandVisual representation of text formatting guidelines for World brand

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

Visual representation of secondary fonts for World brand guidelinesVisual representation of secondary fonts for World brand guidelines
서체 굵기

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

Visual representation of secondary fonts used in World branding guidelinesVisual representation of secondary fonts used in World branding guidelines

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

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

서체의 역할

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

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

Secondary fonts usage in World brand guidelinesSecondary fonts usage in World brand guidelines
Collage of visuals showcasing World branding, featuring a smiling person outdoors, a digital introduction slide, and a presentation on a stage emphasizing community and technology.Collage of visuals showcasing World branding, featuring a smiling person outdoors, a digital introduction slide, and a presentation on a stage emphasizing community and technology.

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

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

Visual representation of brand typography, featuring Noto Sans HKn in Mandarin Chinese, related to World brand guidelines.Visual representation of brand typography, featuring Noto Sans HKn in Mandarin Chinese, related to World brand guidelines.
중국어: Noto Sans HKn
Graphic representation of brand guidelines featuring the Noto Sans JP font style, emphasizing Japanese design principles.Graphic representation of brand guidelines featuring the Noto Sans JP font style, emphasizing Japanese design principles.
일본어: Noto Sans JP
Brand guidelines image featuring the Noto Sans Arabic font for World design protocol.Brand guidelines image featuring the Noto Sans Arabic font for World design protocol.
아랍어: Noto Sans Arabic
Graphic representation related to World brand guidelines for Bengali font usage.Graphic representation related to World brand guidelines for Bengali font usage.
벵골어: Noto Sans Bengali
Graphical representation of the Noto Sans Hebrew font as part of World brand guidelinesGraphical representation of the Noto Sans Hebrew font as part of World brand guidelines
히브리어: Noto Sans Hebrew
Graphic representation of World brand guidelines featuring the Noto Sans font in Cyrillic.Graphic representation of World brand guidelines featuring the Noto Sans font in Cyrillic.
키릴 문자: Noto Sans

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

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.

컴포지션

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

Visual representation related to World brand guidelines, showcasing design principles and assets.Visual representation related to World brand guidelines, showcasing design principles and assets.
내부 자료

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

World logo placement guidelines for branding consistencyWorld logo placement guidelines for branding consistency
단독 로고

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

Illustration depicting the placement guidelines for the World logo in branding materials.Illustration depicting the placement guidelines for the World logo in branding materials.
소셜 미디어 프로필
Visual representation of the logo placement guidelines for World branding.Visual representation of the logo placement guidelines for World branding.
그라데이션 위 로고

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

Visual representation of World brand logo placement guidelinesVisual representation of World brand logo placement guidelines
Design guidelines featuring a senior man in conversation, alongside branding elements of World, including logo and color blocks. Text displays various statistics.Design guidelines featuring a senior man in conversation, alongside branding elements of World, including logo and color blocks. Text displays various statistics.
Two people interacting with the Orb for biometric verification, one holding the Orb and smiling, accompanied by a screenshot of withdrawal options from the World App including bank card, bank transfer, crypto wallet, and crypto exchange.Two people interacting with the Orb for biometric verification, one holding the Orb and smiling, accompanied by a screenshot of withdrawal options from the World App including bank card, bank transfer, crypto wallet, and crypto exchange.
A collage of design examples for World brand guidelines, featuring text about careers, the World Network, and verification steps. Includes headers and visuals that represent design protocols. A collage of design examples for World brand guidelines, featuring text about careers, the World Network, and verification steps. Includes headers and visuals that represent design protocols.
Design layout examples showcasing careers section with flexible design elements for World branding guidelines.Design layout examples showcasing careers section with flexible design elements for World branding guidelines.

일러스트레이션

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

World ID
Graphic representation related to World ID guidelinesGraphic representation related to World ID guidelines
World App
Graphic representation related to the World App within brand guidelines.Graphic representation related to the World App within brand guidelines.
World Chain
Visual representation related to the World Chain network, aligned with brand guidelines.Visual representation related to the World Chain network, aligned with brand guidelines.
Worldcoin
Worldcoin logo illustrating the brand's identity guidelinesWorldcoin logo illustrating the brand's identity guidelines
Orb
Illustration of the Orb device in brand guidelines for WorldIllustration of the Orb device in brand guidelines for World

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

예시 1 - 막대 차트
Bar chart example illustrating World brand design guidelinesBar chart example illustrating World brand design guidelines
예시 2 - 축척 모델
Example 2 of a relative model in World brand guidelinesExample 2 of a relative model in World brand guidelines
예시 3 - 가격 그래프
Graph illustrating pricing examples related to World brand guidelinesGraph illustrating pricing examples related to World brand guidelines
Graphic illustrating design principles for World branding guidelinesGraphic illustrating design principles for World branding guidelines
Illustrative graphic representing the visual elements of World brand guidelines.Illustrative graphic representing the visual elements of World brand guidelines.
Graphic representation related to World brand guidelines, emphasizing design principles and assets.Graphic representation related to World brand guidelines, emphasizing design principles and assets.
Visual representation related to World brand guidelines, incorporating design principles and assets.Visual representation related to World brand guidelines, incorporating design principles and assets.
Visual representation related to World brand guidelines, emphasizing design principles and assets.Visual representation related to World brand guidelines, emphasizing design principles and assets.
A graphic representing brand guidelines for World, focusing on design principles and assets.A graphic representing brand guidelines for World, focusing on design principles and assets.
Graphic representation related to World brand design guidelines.Graphic representation related to World brand design guidelines.
Visual representation related to World brand design guidelines, emphasizing principles and assets.Visual representation related to World brand design guidelines, emphasizing principles and assets.
Graphic representation related to World brand guidelines, featuring design principles and assets.Graphic representation related to World brand guidelines, featuring design principles and assets.
Graphic representation of World brand guidelinesGraphic representation of World brand guidelines
Abstract design element representing World branding guidelinesAbstract design element representing World branding guidelines
Graphic representation of World brand guidelines emphasizing design principles and assets.Graphic representation of World brand guidelines emphasizing design principles and assets.
Design elements related to World brand guidelinesDesign elements related to World brand guidelines
Graphic element related to World brand guidelines, featuring design principles and assets.Graphic element related to World brand guidelines, featuring design principles and assets.
Illustration representing the brand guidelines of World, showcasing design principles and assets.Illustration representing the brand guidelines of World, showcasing design principles and assets.
Graphic representing World brand guidelines with design principles and assetsGraphic representing World brand guidelines with design principles and assets

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

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

아이코노그래피

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

Visual representation of World brand guidelinesVisual representation of World brand guidelines

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

A visual representation related to World brand guidelines, emphasizing scalability, within the accordion section.A visual representation related to World brand guidelines, emphasizing scalability, within the accordion section.

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

좌측 상단
Graphic representing design elements and principles of the World brand guidelines.Graphic representing design elements and principles of the World brand guidelines.
중앙
Graphic representing the center of World branding guidelinesGraphic representing the center of World branding guidelines

디자인 자료

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