디자인 가이드라인
결제 수단을 선택할 때 엑솔라 로고와 버튼이 올바르게 표시되도록 하려면 다음 가이드라인을 따르세요.
엑솔라 로고
사용 사례
컬러 로고
단색 로고(검정색)
단색 로고(흰색)
제한 사항
다음과 같은 작업을 수행할 수 없음에 유의하십시오:로고를 늘리는 작업.
오래되었거나 비공식적인 엑솔라 로고 사용.
로고 색상 변경 - 아래 표에 표시된 공식 색상을 사용합니다.
컬러 배경에 로고를 표시하는 대신 흰색 배경을 사용합니다.
색상
결제 UI 테마에 따라 엑솔라 로고는 다음과 같은 색상으로 표시될 수 있습니다:테마 | 로고 색상 | 로고 |
---|---|---|
라이트(컬러 로고) | 마젠타:
| |
라이트(단색 로고) | 검정색:
| |
다크(단색 로고) | 흰색:
| |
버튼
필요에 따라 결제 수단 목록을 표시할 수 있습니다. 일관성을 유지하려면 사용자를 엑솔라 결제 UI로 리디렉션하는 버튼의 디자인에 대한 아래 가이드라인을 따르세요.
컬러 로고
단색 로고(검정색)
단색 로고(흰색)
비율
버튼에 텍스트를 표시하는 방법에 대한 가이드라인:- 가로 및 세로 중앙 정렬
- 40% 버튼 높이
모서리 반경
버튼 모서리 반경을 조정할 수 있습니다.
그림자
버튼에 그림자를 추가할 수 있습니다.
결제 수단 목록에 표시되는 예시
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.