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.

PayIt2 mark
Mark
Geometric square icon. Use at small sizes or when the wordmark is not needed.
SVG
PAY IT 2
Full logo (light backgrounds)
Green mark, navy "PAY IT", lime "2". Use on white, off-white, or light backgrounds.
SVG
PAY IT 2
Full logo (dark backgrounds)
Lime mark, white "PAY IT", lime "2". Use on navy, dark gradients, or photography.
SVG

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.

32px
64px
128px
180px (apple-touch)

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.

#799A3D
PayIt2 Green
#799A3D
Primary brand color. Mark, app icon background, primary text accents.
#C0D330
PayIt2 Lime
#C0D330
The "2" in the wordmark, primary CTA buttons, highlight moments.
#1B2A4A
Navy
#1B2A4A
Body text, headings, hero and dark UI surfaces.
#F8FAFC
Off-white
#F8FAFC
Section backgrounds, cards, soft surfaces.

Typography

Two typefaces: Inter for body and interface copy, and Impact (or equivalent) for the fixed "PAY IT 2" wordmark.

Body and interface
The quick brown fox jumps over the lazy dog
Inter
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
Wordmark (logo only)
PAY IT 2
Impact (ultra-condensed black)
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.

Questions about brand usage?

Partner, press, or design questions: reach us at help@payit2.com.