Feed(Web) 디자인 가이드

Feed(Web) 에서는 퍼블리셔 로고, 퍼블리셔 아이콘, UI 색상을 퍼블리셔에 맞게 설정할 수 있습니다.

퍼블리셔 로고 (Feed 상단)

퍼블리셔 로고는 1x DPI 기준으로, 높이(세로) 40px 너비(가로) 132px 이어야 합니다. 비율이 다를 경우, 적용 가능한 가장 큰 크기로 자동적으로 조절됩니다. 최신 기기의 높은 해상도를 고려하여 4x DPI (높이 160px, 너비 528px) 를 권장합니다. 파일 포맷은 PNG 를 권장합니다.

  • Final size: 160px max height - or - 528px max. width

  • Format: 32-bit PNG

  • Color space: sRGB

퍼블리셔 아이콘

퍼블리셔 아이콘은 높이 512px, 너비 512px 의 정사각형 이미지여야 합니다. 포인트 제공자의 옵트인 과정 및 홈 화면의 바로가기와 같은 다양한 경우에 사용합니다.

  • Final size: 512px x 512px

  • Format: 32-bit PNG

  • Color space: sRGB

기본 & 보조 색상 (primary & secondary colors)

Web Feed UI 를 퍼블리셔에 맞게 설정하기 위해, 기본 색상 (Primary color) 과 보조 색상 (secondary color) 로 구성 요소를 자동으로 채웁니다. 현재 버튼 및 강조된 텍스트에는 기본 색상만 사용하지만, 기능이 추가될 경우 보조 색상을 사용할 수 있습니다. 가시성을 보장하기 위해, 흰색 (background or foreground) 과 4.5의 대비 (contrast of 4.5) 를 권장합니다.

색상 대비는 ACCESSIBLE COLORS (링크)에서 확인할 수 있습니다. (링크의 text color 를 #ffffff 로 변경하여 대비를 확인할 수 있습니다.) 더 자세한 내용은 W3.org 공식 가이드라인 (링크) 를 참조하세요. 기본 및 보조 색상은 반드시 16 진수 코드 (eg. #000000) 로 사용해야 합니다.

현재 보조 색상이 필수 사항이 아니지만, 이후 UI 업데이트에서 유용하게 쓰일 수 있습니다. 제공 가능한 경우 미리 제공을 부탁드립니다. 상황에 따라 추가적인 색상을 요청할 수 있습니다.