PayIt2 brand
Logos, colors, and usage guidelines for partners, press, and designers. All assets are free to use for coverage about PayIt2.
Logos
The PayIt2 logo combines the mark (geometric square icon) with the wordmark ("PAY IT 2"). Use the full logo whenever space allows. Use the mark alone at small sizes.
App icon and favicon
For favicons, app icons, and small-size uses, the mark sits inside a PayIt2 Green rounded square with 15% padding and a 22% corner radius. The mark renders in white so it reads clearly on any browser tab or iOS home screen.
Colors
The PayIt2 palette: Green for the mark and primary accents, Lime for the "2" and highlight moments, Navy for body text and dark UI surfaces.
Typography
Two typefaces: Inter for body and interface copy, and Impact (or equivalent) for the fixed "PAY IT 2" wordmark.
- Typeface
- Inter (variable, weights 100 to 900)
- Stack
'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif- Used for
- Body copy, headings, buttons, interface copy across the website and app
- Typeface
- Impact (preferred), Arial Narrow or Arial Black as fallbacks
- Stack
Impact, 'Arial Narrow', 'Arial Black', sans-serif- Weight
- 900 (black)
- Case
- All caps
- Letter spacing
- Approximately +0.03em (SVG: +2 units at a 72-unit font size)
- Color on light
- "PAY IT" in Navy (#1B2A4A), "2" in Lime (#C0D330)
- Color on dark
- Both "PAY IT" and "2" in
rgba(255,255,255,0.82). Pure white over-competes with surrounding content. - Minimum size
- 32px tall. Below that, use the mark alone.
- Never
- Re-kern, outline, shadow, or set the "2" in a different typeface from "PAY IT".
Usage
A few rules to keep the brand consistent.
Do
- Use the full logo when space allows. Use the mark alone at small sizes.
- Give the logo at least the height of the mark as clear space on every side.
- Use the app icon treatment (white mark on green rounded square) for favicons, app icons, and small circular contexts.
- Refer to the product as "PayIt2" (one word, capital P and I, lowercase everything else, numeral "2").
Don't
- Recolor the mark or wordmark outside the approved palette.
- Stretch, rotate, or add strokes or shadows to the logo.
- Place the logo on busy photography without a solid backing shape.
- Refer to the product as "Pay It 2", "PayIt", "Payit2", or any other casing.
In the press
Recent press coverage of campaigns hosted on PayIt2.
Questions about brand usage?
Partner, press, or design questions: reach us at help@payit2.com.