Everything you need to represent SuperPay correctly. Logo files, color palette, typography, voice guidelines, and downloadable assets for press, partners, and creators.
Logo
The SuperPay shield mark is our primary brand identifier. Use it consistently to maintain brand recognition across all touchpoints.
1x
1x
1x
1x
Maintain a minimum clear space equal to the height of the "S" in SuperPay around all sides of the logo. This ensures the mark is always legible and uncluttered.
Minimum sizes
32px — Digital
48px — Preferred
16px — Favicon only
Use the logo at its original proportions with adequate clear space.
Don't stretch, skew, or distort the logo. Always maintain the original aspect ratio.
Don't change the logo colors. Use only the approved color variants shown above.
Don't add drop shadows, glows, outlines, or other effects to the logo.
Our palette is built around deep navy backgrounds with emerald and gold accents. Click any swatch to copy its hex value.
SuperPay uses DM Sans for all UI and marketing text, paired with JetBrains Mono for code, API references, and technical content.
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
SuperPay speaks with clarity, confidence, and warmth. We're the smart friend who helps you earn more — not a bank, not a finance bro, not a robot.
We explain reward structures clearly without talking down. Our users are intelligent people who happen to not track every rotating category.
We're proud of what we build but we don't oversell. No "revolutionary disruption" — just real numbers and real savings.
Finance is personal. We write like we're texting a friend a hot tip, not drafting a compliance memo.
Every word earns its place. We lead with the number, then the context. No filler, no fluff, no "in order to better serve you."
Lead with the benefit or number
Use contractions ("you're", "it's")
Be specific: "$3.40 back" not "earn more"
Address the user directly as "you"
Keep sentences under 20 words
Don't use "revolutionize" or "disrupt"
Don't say "we leverage" or "we utilize"
Don't start with "Welcome to SuperPay"
Don't use exclamation marks excessively
Don't use jargon without explaining it
High-resolution screenshots of the SuperPay iOS app. Use these for press coverage, blog posts, and partner materials.
How to use SuperPay's brand alongside yours. Co-branding lockups, widget integration on different backgrounds, and social media specs.
Partner
Use a vertical divider to separate the SuperPay shield from your logo. Both marks should be equal visual weight.
SuperPay
For integrations where SuperPay powers the rewards engine under your brand. Stack vertically for compact layouts.
Use the shield mark centered on navy background
Shield + wordmark left-aligned on navy with subtle emerald gradient
Used for link previews on X, LinkedIn, iMessage, etc.
For press inquiries, custom brand assets, partnership materials, or anything not covered here, reach out to us directly.
hello@superpayrewards.com
