Brand Resources
AbabilPay
Brand Kit
Official logos, colour tokens, typography specs, and usage guidelines — everything you need to represent AbabilPay accurately.
Logo Variations
Hover any tile to download the asset. Icon marks are your official PNG files. Wordmark is an SVG generated from the Inter typeface.
Icon Mark — Dark
White icon mark · for dark contexts
Icon Mark — Light
Black icon mark · for light contexts
Wordmark — Dark
Logotype text only · for dark contexts
Wordmark — Light
Logotype text only · for light contexts
Horizontal Lockup — Dark
Icon + wordmark side-by-side · dark contexts
Horizontal Lockup — Light
Icon + wordmark side-by-side · light contexts
Vertical Lockup — Dark
Icon above wordmark · square / social dark contexts
Vertical Lockup — Light
Icon above wordmark · square / social light contexts
Design Tokens
Click any value (HEX / RGB / HSL) to copy it to your clipboard. Tokens map directly to CSS custom properties in globals.css.
Accent / Cyan
--color-accent
Primary brand accent — CTAs, highlights, glows
Background
--color-background
Page canvas
Foreground
--color-foreground
Primary body text
Secondary
--color-secondary
Card & section backgrounds
Muted
--color-muted
Dimmer background surfaces
Muted Foreground
--color-muted-foreground
Subdued / secondary text
Border
--color-border
Subtle UI borders
Brand Gradient Ramp
Background → Accent · linear-gradient(90deg, #000 → #5FFBF1)
Type System
Inter is the sole typeface — loaded via next/font/google. Use weight 400 for body, 600–700 for headings, 800–900 for display/hero text.
Inter
Variable font · Weights 100–900 · Google Fonts
Display / Hero
72px / 900
One Wallet. Any Chain.
Heading 1
48px / 800
Next-Gen Payments
Heading 2
32px / 700
Frictionless by Design
Heading 3
24px / 600
Instant on-chain settlement
Body Large
18px / 400
USDC-native payments for global businesses.
Body
16px / 400
Accept crypto with zero volatility risk.
Small / Caption
13px / 500
Non-custodial · Circle-powered · Multichain
Label / Eyebrow
11px / 700
EARLY ACCESS
Brand Voice
AbabilPay communicates with confidence, clarity, and technical authority — never hype, never jargon for jargon's sake.
Confident
We state facts, not possibilities. Avoid hedging language.
Accept USDC from any chain in seconds.
You might be able to accept some crypto payments.
Technical, not jargon-heavy
Be precise. Explain acronyms on first use.
Settled via CCTP (Circle's Cross-Chain Transfer Protocol).
Our trustless inter-operable omnichain infra is CCTP-powered.
Inclusive
Speak to merchants, developers, and end-users equally.
Whether you're a developer or a merchant, you're covered.
For serious blockchain devs only.
Direct
Short sentences. Active voice. No fluff.
Zero volatility risk. Instant settlement. Any chain.
We are pleased to offer a solution that aims to reduce volatility.
Logo Usage
Follow these rules to ensure consistent, professional representation of AbabilPay.
Use on dark backgrounds
The white-on-black pairing maximises contrast and brand recognition.
Maintain clear space
Keep a margin of at least the icon height on all sides of the logo.
Use the dark lockup on light backgrounds
Always choose a version with sufficient contrast against its background.
Don't stretch or distort
Never modify the logo's proportions or apply non-uniform scaling.
Don't use low-contrast combos
Never place the dark logo on a dark background, or vice versa.
Don't rearrange elements
Don't separate the icon from the wordmark or reorder them.
Need more assets?
For high-resolution PNG exports, custom partnership lockups, or press enquiries, reach out to our brand team directly.
© 2026 Ababil · All brand assets are proprietary and may not be used without written permission.