Our partners are required to use one of the buttons below with the verification API in order to present a consistent brand for our users. This allows our users to easily identify the LeoAdventures login regardless of which partner website they are shopping on.
Below is the code to add the button to a third party website. While the size of the button can change, please do not change the aspect ratio of the button as this is important for maintaining our branding guidelines.
We prefer the button with the white background. Unless there is a specific reason you need to use the button with the orange background, please use the button with a white background and the standard LeoAdventures logo color palette. Maintaining brand consistency from site to site is important to the usability by LeoAdventures end users.
Button
HTML
Preferred Button Style
<div style="display: inline-block;" >
<img id="leoadventures_verification_button" width="350" height="72" alt="LeoAdventures verification button" srcset="https://leoadventures.com/wp-content/uploads/2021/03/Leo-White-350.png 1x, https://leoadventures.com/wp-content/uploads/2021/03/Leo-White-700.png 2x" src="https://leoadventures.com/wp-content/uploads/2021/03/Leo-White-350.png"/>
<small><a style="text-align: right; display: block;" href="https://leoadventures.com/what-is-leoadventures">What is LeoAdventures?</a></small>
</div>Alternate Button Style
<div style="display: inline-block;" >
<img id="leoadventures_verification_button" width="350" height="72" alt="LeoAdventures verification button" srcset="https://leoadventures.com/wp-content/uploads/2021/03/Leo-Orange-350.png 1x, https://leoadventures.com/wp-content/uploads/2021/03/Leo-Orange-700.png 2x" src="https://leoadventures.com/wp-content/uploads/2021/03/Leo-Orange-350.png">
<small><a style="text-align: right; display: block;" href="https://leoadventures.com/what-is-leoadventures">What is LeoAdventures?</a></small>
</div>