디자인 가이드라인

결제 수단을 선택할 때 엑솔라 로고와 버튼이 올바르게 표시되도록 하려면 다음 가이드라인을 따르세요.

사용 사례

컬러 로고

단색 로고(검정색)

단색 로고(흰색)

로고 다운로드

제한 사항

다음과 같은 작업을 수행할 수 없음에 유의하십시오:
로고를 늘리는 작업.
오래되었거나 비공식적인 엑솔라 로고 사용.
로고 색상 변경 - 아래 표에 표시된 공식 색상을 사용합니다.
컬러 배경에 로고를 표시하는 대신 흰색 배경을 사용합니다.

색상

결제 UI 테마에 따라 엑솔라 로고는 다음과 같은 색상으로 표시될 수 있습니다:

테마로고 색상로고
라이트(컬러 로고)마젠타:
  • 헥스: #ff05b
  • RGB: 255 0 91
  • CMYK: 0 100 55 0
Color logo
라이트(단색 로고)검정색:
  • 헥스: #18171c
  • RGB: 24 23 28
  • CMYK: 50 50 50 100
Black logo
다크(단색 로고)흰색:
  • 헥스: #ffffff
  • RGB: 255 255 255
  • CMYK: 0 0 0 0
White logo
 

버튼

필요에 따라 결제 수단 목록을 표시할 수 있습니다. 일관성을 유지하려면 사용자를 엑솔라 결제 UI로 리디렉션하는 버튼의 디자인에 대한 아래 가이드라인을 따르세요.

컬러 로고

단색 로고(검정색)

단색 로고(흰색)

비율

버튼에 텍스트를 표시하는 방법에 대한 가이드라인:
  • 가로 및 세로 중앙 정렬
  • 40% 버튼 높이

모서리 반경

버튼 모서리 반경을 조정할 수 있습니다.

그림자

버튼에 그림자를 추가할 수 있습니다.

결제 수단 목록에 표시되는 예시

이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
마지막 업데이트: 2024년 7월 2일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!