Contrast and visibility
Ensure the logo has enough contrast and visibility in the layout.
Colorize, crop, rotate, or place the logo on busy or low-contrast backgrounds.
01
Logo
Our logo is the visual representation of who we are.
Cryptonly is on a mission to make online payments simple, secure, and accessible. We help partners accept payments and send payouts with high conversion and transparent fees. The logo stands for clarity, trust, and reliability across every transaction.
Clear space
Use the logomark to determine clear space around the logo. The safety area equals the height of the X unit. Keep at least 1×X of clear space on all sides. Do not place text, buttons, or other elements inside this area.
Background color
The Cryptonly logo comes in two versions: Black (#000000) and White (#FFFFFF). Always choose the version with the highest contrast against your background.
Appearance
Don't stretch, skew, or rotate the logo.
Do use the provided master logo files. They are optically adjusted and measured.
Avoid
Colorize Crop Rotate Low contrast Stretch Skew
02
Icon
The primary icon is the logomark itself. Its color follows the background: use black on light backgrounds and white on dark backgrounds.
When used as an app icon, the logo is available in two colors only: black and white. On a white background, align the logomark slightly toward the bottom.
Color and placement
For app icons, use a white background to maximize recognition and contrast. Align the logomark slightly toward the bottom for a stronger association with the platform.
Recommended sizes
- 30 px
- 40 px
- 60 px
- 80 px
- 120 px
- 150 px
03
Typography
Font family
Inter
Font weight
Light
Regular
Usagetext
Font family
Geist
Font weight
Light
Semibold
Usagecontent
Font family
Clash Grotesk
Font weight
Medium
Semibold
Usageheadline, subheadline
04
Color palette
White
Black
Orange
Neutral 50
Dark Gray