Topper is a fiat on-ramp with higher approval rates and support for twice as many digital assets as its competitors. It is a Web3 payment tool that helps crypto projects process more customer payments through integration.The Topper payment widget is built to simplify the payment process, accept more currencies and deliver higher approval rates, resulting in fewer declines and more revenue. Developed by Uphold, the Web3 financial platform.
Our tone of voice should reflect these attributes in all communications.
These include our unique platform architecture, the largest asset offering, our patented "Anything to Anything" interface, our proven platform APIs, the best-in-class fiat on-ramp for Web3 projects, our self-custody option, our commitment to full transparency, our seasoned blockchain team, our market insights, our trading tools, and our institutional-grade research.
Our communications should be accessible and easy to understand for all.
It is therefore important to maintain consistency when using it. Please do not alter or attempt to recreate the Topper logo in disregard of the guidelines mentioned in this document.
We also however use the symbol independently of the wordmark and when deemed more impactful in a given use case. When using the symbol in isolation, it's necessary to ensure that the Uphold brand name has been sufficiently referenced so as to avoid any confusion.
Light background
Dark background
One clear spaces have been developed that shift in size depending on the size of the mark. Everything starts with the logo.
Safe margin
While you can scale the logo as much as you'd like, it should never go below the minimum size requirements stipulated hereunder.
Although different applications require different typographical structures.
Although you can use all caps for small captions, or for visuals, we recommend using all sentence case in most typographic applications.
All values must be scaled according to the support to be used.
Think of a book outline; the size, style, and position of type not only inform what order it should be read, but also describe the parent-child relationships of the content.
One clear spaces have been developed that shift in size depending on the size of the mark. Everything starts with the logo.
Here are some examples of typographic pairs that we commonly use on our communication.
The Uphold brand uses 3 colors as its primary colors and their variations across all platforms and communications.
An exception can be made, when using the Primary color as a background for an element that lives inside a light background itself. It is up to the designer to see which Primary variation works best as the element background (Primary for Light or Primary for Dark), as long as that doesn’t compromise the legibility or overall experience, while benefiting the visual aesthetics.
This is the underlying structure of all Uphold design, grids help balance your layout, creating the spacing and information organization that will guide customers to the most important visual elements and messages.