The Leapfin logo is comprised of the logomark and the wordmark. Because the two elements overlap at the "L", the wordmark should never be used independently.
The Logomark can be used independently when the display area for the logo is too small for the full core logo to be discernible.
There is no vertical orientation for the Leapfin logo.
The minimum amount space around the logo, and logomark, is defined by the width of the letter "e" in the wordmark.
This area should be kept free of any visual elements, including text, graphics, borders, patterns, and other logos. Ensuring proper clear space between the logo and surrounding elements preserves the visual integrity of our brand.
The dark Leapfin logo, and logomark, use the Deep Galaxy fill color. This dark version is only used on light backgrounds. Maintain WCAG AA contrast.
The light Leapfin logo, and logomark, use the Totally White fill color. This dark version is only used on light backgrounds. Maintain WCAG AA contrast.
The dark logomark is only used when the display area for the logo is too small for the full core logo to be discernible.
The light logomark is only used when the display area for the logo is too small for the full core logo to be discernible.
Modern, round, and minimal, the Poppins font family represents Leapfin's cutting edge and user-friendly approach to the finance industry. Poppins is the core font of Leapfin's DNA, used in both the logo and in all headers.
Versatile, readable, and digitally ubiquitous, the Roboto font family represents Leapfin's streamlined user experience. Roboto is used for all body text, and anywhere that a significant block of text displayed.
The primary layout in Leapfin designs is a light background with dark and vibrant colors used for text, imagery, and accents. All color combinations must meet WCAG AA standards for contrast.
Dark layouts are used to draw extra attention to a region of special interest in a primarily light layout. Use light and vibrant colors for text, imagery, and accents. All color combinations must meet WCAG AA standards for contrast.
When displaying the app UI, focus on the areas that are relevant to the topic being covered, and crop out the remaining portion of the image.
App UI images should always be displayed at a readable size.
When an image of the entire app UI is needed, the screenshot should include only the UI. The user's browser and desktop should never be visible.
The UI image should be captured at a 16:9 aspect ratio, and as large as the user's screen will permit. To achieve this: