로고

로고 마크와 로고 타입의 조합

문서에서 프로그래머스를 표기할 경우, '프로그래머스' 또는 'Programmers'라고 표기합니다. 프로그래머스의 로고는 로고 마크와 소문자 알파벳의 로고 타입 조합으로 구성됩니다. 또한, 프로그래머스는 상위 브랜드로 여러 가지 하위 기능 브랜드를 보유하고 있습니다. 따라서 프로그래머스의 로고는 하나의 스타일로 여러 하위 브랜드들을 통합할 수 있도록 디자인되었으며, 소문자 알파벳의 특성상 로고 마크와 시각적 무개 중심이 위 또는 아래로 기울어질 수 있습니다. 따라서 사용하는 알파벳의 ascender와 descender의 비율을 고려하여 로고타입의 위치를 x0.5만큼 이동함으로써 안정적인 시각적 무개를 유지할 수 있습니다. 로고 사용 시 충분한 여백을 확보해야 합니다.

색상과 크기

일관된 표현을 위하여 시원환 회색 계열의 색상만을 사용합니다. 색상은 #202A2F와 #ffffff를 사용합니다. 로고 마크는 높이 기준으로 최소 16px, 최대 80px 이내의 범위에서 크기를 선택할 수 있습니다. 로고를 사용할 경우, 높이를 8px의 배수로 이용할 경우 깨짐이 덜합니다. 높이 24px이하로 로고를 사용할 경우 저해상도에 최적화된 로고 마크를 사용합니다.

Do

로고의 사용의 가장 중요한 핵심은, 배경과 로고의 관계가 충분히 분리되어 있으며, 시각적으로 보는이에게 온전히 전달 될 수 있도록 하는 것 입니다. 따라서 로고의 외형을 변경하거나, 다른 요소와 충돌을 일으키지 않도록 유의하며 사용합니다.

• 로고 마크와 로고 타입의 간격을 적절하게 사용합니다.
• 로고 주변에 충분한 여백을 확보합니다.
• 로고와 배경 색상의 대비가 충분합니다.
• 배경 이미지가 로고와 충분히 구분됩니다
• 로고 마크만 사용할 수 있습니다.

don't

• White와 #202A2F외의 색상은 사용하지 않습니다.
• 색 대비가 강렬한 배경과 함께 로고를 사용하지 않습니다
• 로고 마크와 로고 타입은 가로형 배치만 사용합니다. 배치를 변경하지 않습니다.
• 로고 타입만 사용하지 않습니다.
• 로고에 캐치프라이즈 문구를 함께 사용하지 않습니다.
• 로고를 기울이거나 비율을 변경하지 않습니다.
• 로고에 어떤 효과도 적용하지 않습니다.