X Pay Brand Sheet

Lime on black identity, clear space rules, colour and type tokens, plus one click PNG export.

Logo

X Pay primary lockup
Primary lockup, on dark
xpay-logo.svg · 297 × 64
X Pay lockup on light
Primary lockup, on light
xpay-logo-light.svg · 297 × 64
X Pay mark
Mark
xpay-mark.svg
X Pay mark, single colour
Mark, single colour
inherits currentColor
X Pay app icon
App icon
512 × 512

Social

X header banner
X header
1500 × 500 · text sits clear of the avatar and the mobile crop
Open Graph card
Open Graph, link preview
1200 × 630

Colour

Pale lime#C6F76A
Accent high#B6F55C
Accent#7ED321
Mid lime#5FAE12
Accent solid 2#487F0C
Accent solid#35690A
Text#FFFFFF
Muted#9CB097
Dim#7C8C78
Surface 3#222C22
Surface 2#182018
Surface#121712
Ink#050705
Tint165 235 125

Type

DisplayPay Anything.
Syne 800Headlines, wordmark, numerals, navigation
BodyProgrammable payment infrastructure for APIs and agents.
Inter 400 to 600Paragraphs, labels, interface copy
Mono402 Payment Required
JetBrains MonoCode, headers, amounts, hashes

Usage rules

Clear space. Keep free space on all sides equal to the height of the centre aperture in the mark, which is one quarter of the mark height.
Minimum size. Lockup 120 px wide. Mark alone 16 px. Below that, use the app icon.
Do not. Introduce a colour outside the lime ramp, stretch, rotate, add drop shadows or outlines, place the two tone lockup on a mid tone background, or re-typeset the wordmark by hand.
Wordmark. Set in Syne ExtraBold and converted to outlines, so every file is font independent. Regenerate with npm run brand rather than editing the paths.
PNG export. The buttons above rasterise each SVG in the browser. Chrome blocks the file read on file://, so serve the folder first with npm run dev and open http://localhost:4173/brand/. Committed PNGs already live in brand/png/.