"Download from Onside" Button for Your Website

Button Styles

Multicolored

Multicolored versions are preferred for button usage. All elements, including the outline, are integral parts of the button and should not be edited. Place the button in the same row as other app store buttons if they are present in the layout. Position the Onside button first in the row to ensure it is visible and accessible to users. Ensure the button contrasts with the background: use a black button on a light background and a white button on a dark background. The button color should match the buttons of other app stores if they are placed nearby. Use the white version only if the Onside button is the only one in the layout (i.e., no other app store buttons are present).

Download Multicolored Version (PNG, SVG)

Monochrome

Monochrome versions are designed to give you more flexibility in adapting the button to your marketing materials. A monochrome version is suitable when the button is the only one in the layout and blends well with surrounding colors. If other app store buttons are present, use the preferred multicolored version. Ensure the monochrome version remains clearly visible and accessible against the layout background. We recommend using the black and blue versions on a light background and the white and gradient versions on a dark background to maximize visibility.

Download Monochrome Version (PNG, SVG)

Standout

Accent buttons with extended wording are available for use. Use them if you want to promote multiple apps or draw extra attention to the button. All usage rules for the accent button remain the same as for the multicolored and monochrome versions.

Download standout version (PNG, SVG)

Button Use

Graphic Standards

The minimum recommended button size is 40 pixels or 10 mm. The minimum padding around the button should be 1/5 of its height.

To maximize the button’s effectiveness in promoting your app, follow these guidelines and avoid any modifications to its design.

Placement

Place the button where it is highly visible and easily accessible. Use only on clean, solid, or gradient backgrounds with sufficient contrast, avoiding excessive graphics. Don’t place the button on a visually noisy background with many small details, as it may get lost. Don’t use a button color that differs from other app store buttons. Don’t place the button on a background that blends with its color. The button must remain in a straight position — rotations at any angle are not recommended. Ensure the button integrates seamlessly into the overall layout without overwhelming it or getting lost among other elements.