Brand Guidelines
Resources for using the Checkout Links brand in your content. Download logos, find our colors, and follow the guidelines below.
Full Logo (Icon + Text)
Logo Dark
Flat icon variant, transparent - SVG
Logo Light
Flat icon variant, transparent - SVG
Logo on Light BG
App icon variant - SVG
Logo on Dark BG
App icon variant - SVG
Icon
Typography
Primary Font
Inter
Weights Used
Regular (400)Medium (500)Semibold (600)Bold (700)
Asset Checklist
| Asset | Format | Size | Use Case |
|---|---|---|---|
| Logo Dark | SVG + PNG | 1200x240px | Website headers, docs, presentations |
| Logo Light | SVG + PNG | 1200x240px | Dark backgrounds, dark mode |
| Logo on Light/Dark BG | PNG | 1200x240px | Ready-to-use with background |
| Icon | SVG + PNG | 512x512px | Favicons, small spaces, embedding |
| App Icon | PNG | 512x512px | App stores, social profiles, directories |
Usage Guidelines
Do
- Use the dark logo on light backgrounds
- Use the light logo on dark backgrounds
- Maintain clear space around the logo
- Use the icon when space is limited
- Link back to checkoutlinks.com when possible
Don't
- Stretch, rotate, or distort the logo
- Change the logo colors
- Add effects like shadows or gradients
- Place the logo on busy or low-contrast backgrounds
- Use the logo to imply endorsement