Red Hat Developer 브랜딩 핸드북

로고

Red Hat 로고를 사용하는 것 외에도 Red Hat Developer에는 개발자의 협업 프로세스를 나타내는 여러 색상의 DevOps 무한 루프를 텍스트와 결합하는 이니셔티브 로고(선택 사항)가 있습니다. 상황에 따라 다양한 색상으로 사용할 수 있습니다.

Red Hat Developer 로고 다운로드

여백

로고 주변의 여백은 'Developer'의 'o' 글자 크기와 같아야 합니다. 다른 로고, 텍스트 또는 시선을 분산시키는 그래픽은 넣지 마세요.

컬러웨이

대부분의 경우 기본적으로 풀 컬러 로고가 사용되며 배경과 가장 뚜렷하게 대비되는 버전을 선택하세요. 단색 버전은 제작에 제약이 있는 경우에만 사용하세요.

잘못된 예시: 로고에 그림자, 그라데이션 또는 기타 효과를 추가하지 마세요.

잘못된 예시: 오래된 버전의 로고를 사용하지 마세요. 색상을 다시 확인하세요.

잘못된 예시: Red Hat Developer와 Red Hat 로고를 너무 가깝게 배치하지 마세요.

잘못된 예시: Red Hat Developer 로고와 Red Hat 로고를 함께 사용하지 마세요.

잘못된 예시: 로고를 다른 로고 또는 아이콘과 함께 공동 브랜딩하지 마세요. Red Hat 공동 브랜딩 가이드라인을 따르세요.

잘못된 예시: AI를 사용하여 Red Hat Developer 로고가 있는 이미지를 생성하지 마세요.

색상

개발자는 다크 모드로 Red Hat을 사용하며 IDE 및 CLI와 같은 툴에서 작업하는 경우가 많습니다. 어두운 색 구성표는 비디오 게임과 공상 과학 소설처럼 개발자의 공감을 불러일으키는 인기 미디어에서도 두드러집니다.

이러한 분위기에 맞추기 위해 Red Hat Developer 구성은 다크 모드를 사용하며, 짙은 보라색과 검은색을 주조로 하고 약간의 액센트 색상이 추가됩니다. 모든 색상은 Red Hat 색상 팔레트에 포함되어 있습니다.

배경색

purple-80에서 검정색까지의 방사형 그라데이션은 미묘한 입체감을 연출합니다. 필요하다면 단색 검은색 또는 짙은 보라색을 간단한 대안으로 사용할 수 있습니다.

액센트 색상

액센트 색상은 3D 오브젝트, 아이콘, 기본 형태와 같은 작은 요소에 사용할 수 있습니다. 기본적으로 빨간색을 사용하고(모든 구성에 Red Hat 빨간색이 있어야 함) 적절한 경우 다른 액센트 색상을 추가하세요.

정보 팔레트

소프트웨어에서 색상은 성공 및 실패와 같은 중요한 정보를 전달합니다. Red Hat의 디자인 시스템에 맞게 정보 팔레트(및 기타 색상)를 사용하여 마케팅 및 제품 인터페이스 간 일관성을 유지하세요.

웹사이트나 e-book과 같은 제한된 애플리케이션은 다크 모드를 사용하는 표시 영역과 라이트 모드로 전환되는 기능 영역을 번갈아 가며 사용합니다. 이러한 상황에서는 배경에 흰색 또는 회색을 사용할 수 있습니다. 다른 요소는 동일하게 유지되어야 합니다.

잘못된 예시: 이 핸드북에 정의된 색상이나 그라데이션 이외의 다른 색상이나 그라데이션을 사용하지 마세요. 이 핸드북의 색상을 사용한다 해도, 새로운 그라데이션을 만들지는 마세요.

잘못된 예시: 다른 브랜드나 오픈소스 커뮤니티의 색상을 모방하지 마세요.

잘못된 예시: Red Hat Red 색상을 포함하는 것을 잊지 마세요.

타이포그래피

Red Hat Developer 브랜딩은 글꼴 및 타이포그래피 가이드라인을 따르지만, 특히 중점을 두는 것은 Red Hat Mono입니다. 또한 적절한 상황이라면 코딩 환경과 언어를 연상시키는 텍스트 스타일 지정을 사용합니다.

텍스트 색상을 선택할 때는 배경과의 대비를 최우선으로 고려해야 하며, 일반적으로 단색 하나만 사용하는 것이 가장 좋습니다. 빨간색은 시선을 사로잡기 때문에 짧은 텍스트 라인에 사용해 키워드를 강조하는 것이 좋습니다.

헤드라인과 실제 코드 스니펫에는Red Hat Mono를 사용하세요. 단, 지나치게 사용하지는 마세요. 과장되어 보이거나 읽기 어려울 수 있습니다.

다른 텍스트에서는 Red Hat Display와 Red Hat Text를 항상 사용하던 대로 사용합니다.

명령 유형을 구분하는 방식처럼 왼쪽 정렬과 단어 간 색상 변경을 사용하여 코드 표시 방식을 활용하세요. 줄 번호 및 특수 문자와 같은 코딩 구문을 그대로 모방하세요. 메시지와 관련된 코딩 언어를 파악하여 해당 언어의 구문에 맞게 정확히 구현하세요.

잘못된 예시: 본문, 레이블 또는 CTA에 Red Hat Mono를 사용하지 마세요. 이렇게 하면 읽기가 너무 어렵습니다.

잘못된 예시: 실제 코딩 환경에 존재하지 않거나 참조하는 코딩 언어에 맞지 않는 요소를 텍스트에 추가하지 마세요.

잘못된 예시: Red Hat Developer 또는 Red Hat 로고에 Red Hat Mono를 사용하지 마세요.

기본 형태

Red Hat Developer 브랜드는 하이브리드 스타일의 기본 형태를 중심 요소가 아닌 포인트 요소로 사용합니다. 이러한 기본 형태를 사용하여 공간과 프레임 구성을 정의하세요.

기본 형태를 red-30에서 red-50까지의 그라데이션 선으로 사용하세요. 정확한 획 두께는 구성의 크기에 따라 다르지만 가늘게 표시해야 합니다.

짙은 보라색 또는 검은색의 기본 형태를 정교한 배경 요소 또는 패턴으로 사용하세요.

잘못된 예시: 기본 형태를 장면에서 두드러지는 시각 요소로 사용하지 마세요.

잘못된 예시: 기본 형태의 선에 다른 색상을 사용하지 마세요.

잘못된 예시: 기본 형태를 너무 가늘거나 두껍게 만들지 마세요.

스튜디오 사진

실제 인물이 실제 소프트웨어로 작업하는 모습을 보여주면 보는 사람이 메시지를 더 깊이 공감할 수 있습니다. 하이브리드 스타일의 스튜디오 인물 사진처럼, Red Hat Developer 사진은 모델이 연출된 자세, 소도구, 조명, 의상을 활용해 촬영된 것이 특징입니다. 사람들이 업무에 집중하고 있으며, 화면 또는 어두운 작업 공간의 작은 등에서 빛이 발산되고 있습니다.

Red Hat Developer 사진 다운로드

사진은 콜라주에서 다른 요소와 함께 사용하기 쉽게 배경과 분리되어 있습니다. 항상 어두운 배경에서 사용해야 하며, 가장 밝은 색상이 사진의 광원과 일치하도록 그라데이션을 사용해야 합니다.

잘못된 예시: 현상 사진을 편집하거나 조명 또는 온도를 변경하지 마세요.

잘못된 예시: 다른 사진을 Red Hat Developer 스타일 사진처럼 보이도록 편집하지 마세요.

잘못된 예시: 밝은 배경에 개발자 사진을 사용하지 마세요. 이는 다크 모드에 적합한 스타일입니다.

잘못된 예시: Red Hat Developer 자료에 하이브리드 스타일의 스튜디오 인물 사진을 사용하지 마세요.

잘못된 예시: 구매한 스톡 사진을 사용하지 마세요.

잘못된 예시: AI를 사용하여 실제 사람이나 가상의 사람 이미지를 생성하지 마세요.

3D 오브젝트

Red Hat Developer는 일반적인 3D 오브젝트 라이브러리 외에도 개발자와 관련된 대중문화, 기술 개념 및 하드웨어를 소재로 한 다양한 사용자 정의 다크 오브젝트를 사용합니다. 이러한 오브젝트는 화면 구성의 중심점으로 활용하거나 배경의 보조 요소로 배치할 수 있습니다.

새로운 오브젝트는 브랜드 팀에서 3D 렌더링 소프트웨어와 사용자 정의 Firefly AI 모델을 사용하여 렌더링합니다.

3D 자산 다운로드

전경 오브젝트

전경의 오브젝트는 한쪽에서 보라색 빛이, 다른 쪽에서는 흰색 빛이 비쳐서 공간감을 연출합니다. 이러한 오브젝트를 화면 구성의 중심점으로 삼아, 크고 두드러지게 연출하세요.

배경 오브젝트

배경의 오브젝트는 무광의 검은색 질감이 있는 단색이며 확산된 흰색 빛이 비칩니다. 불투명도를 줄이고 가우시안 흐림 효과를 추가하여 얕은 피사계 심도를 시뮬레이션하여 이러한 오브젝트를 뒤쪽으로 밀 수 있습니다.

잘못된 예시: Red Hat Developer 전용 3D 오브젝트의 색상을 수정하지 마세요.

잘못된 예시: 전경 오브젝트를 배경 오브젝트로 사용하거나 배경 오브젝트를 전경 오브젝트로 사용하지 마세요. 색상 사용에 주의를 기울이세요.

잘못된 예시: 일반적인 하이브리드 스타일 콜라주에 개발자 중심의 다크 오브젝트를 사용하지 마세요.

Repo 사용 

Repo는 Red Hat Developer 자료에만 사용해야 합니다. 지정된 환경 외부에서 Repo를 사용하면 영향력이 줄어들고 개발자 신뢰도를 떨어뜨리게 됩니다. Repo는 친구이자 안내자 같은 존재입니다. 영업 사원, 아니 영업 로봇이 아니라는 점을 기억하세요.

Repo는 사람들의 시선을 끌고 개발자가 더 알아보고 싶게 만드는, 영향력이 큰 자료에 포함해야 합니다. 단일 레이아웃에 Repo를 여러 개 배치하지 마세요.

잘못된 예시: Repo를 과도하게 사용하거나 Repos 패턴을 만들지 마세요.

잘못된 예시: Repo가 제품을 보증하거나 판매하는 것처럼 보이게 하지 마세요.

잘못된 예시: Red Hat Developer와 관련이 없는 자료에 Repo를 배치하지 마세요.

다크 모드라 해도 환경 구성에 충분한 여백을 확보해야 합니다. 스토리를 전달하는 데 필요한 요소만 사용하여 어수선해 보이지 않도록 하세요. 텍스트와 로고는 선명하고 쉽게 읽을 수 있도록 충분한 여백을 확보하고, 3D 오브젝트나 사진과 같은 요소와 겹치지 않도록 하세요.

요소의 크기를 조정하고 회전하며 간단한 효과를 적용하여 입체감을 표현하고 무중력 상태처럼 보이게 하세요. 조명이 자연스럽게 보이도록 장면에서 모든 요소의 방향을 지정하세요.

효과를 사용하여 입체감 부여하기

카메라가 장면을 촬영하는 방식을 모방하여 효과와 레이어링을 통해 입체감을 불어넣으세요. 오브젝트의 크기와 불투명도를 줄이고 부드러운 가우시안 흐림 효과를 추가하여 오브젝트를 배경에 어우러지게 하되, 해당 오브젝트는 여전히 인지할 수 있어야 합니다. 정확한 설정은 구도에 따라 달라지므로 디테일이 자연스러워 보일 때까지 조정하세요.

장면을 구성할 때 피해야 할 사항

잘못된 예시: 어수선하게 보일 만큼 지나치게 많은 요소를 포함하지 않도록 주의하세요. 스토리를 전달하는 데 필요한 요소만 포함해 간결하게 구성하세요.

잘못된 예시: 개발자가 아닌 다른 요소에 초점을 맞추지 마세요. 개발자 전용 3D 오브젝트나 사진 또는 Repo에 집중되어야 합니다.

잘못된 예시: 기술 아이콘 또는 완전히 보여야 인식할 수 있는 요소를 흐리게 처리하거나 가리지 마세요.