Gain brand guidelines
A single reference for how we present Gain across product, marketing, and press. Explore the core typography, color palette, and approved assets we share with partners and media.
Typography
Outfit leads headings (600) and hero numerals (700); Inter carries body copy (400) and UI labels (500).
Jump to section →Color system
Slate Grey anchors text and buttons, Success Green drives highlights, light neutrals shape surfaces.
Jump to section →Logos & icons
Primary, reversed, and monochrome treatments cover most use cases—see the guardrails below before exporting variants.
Jump to section →Core font stacks
Outfit
Weights: 500 / 600 / 700
Cashback that rewards everyone.
- H1–H2 use 600 via font-semibold (see About hero).
- Section subheads and stat labels use 500 (font-medium).
- Hero numerals or emphasised words occasionally use 700.
Inter
Weights: 400 / 500 / 600
We simplify merchant-funded cashback so you can launch quickly and scale with confidence.
- Paragraphs default to 400 with relaxed leading.
- Navigation, buttons, and form labels use 500.
- Emphasis or key inline stats can step up to 600.
JetBrains Mono
Weights: 400
merchant_id=G42 • settlements=weekly • api_version=v1
- API identifiers or code samples in documentation.
- Short data strings such as merchant IDs or config values.
- Use sparingly to maintain impact.
Digital color tokens
These swatches cover the palette we use across product, marketing, and press materials. Designers can grab the hex values directly, while developers can mirror the same hues by referencing our --gain-* CSS tokens.
Gain Slate Grey
Primary text color, navigation, and button defaults.
Gain Deep Teal
Accent buttons, links, and interactive states.
Gain Success Green
Key stats, CTA highlights, and soft radial gradients.
Gain Muted Brass
Warm contrast for fintech highlights and diagram accents.
Gain Light Gray
Surface backgrounds, cards, and dividers.
Gain Extra Light Blue
Hero backgrounds and soft section transitions.
Usage guardrails
Primary Slate
Default for light backgrounds (#ffffff, #f7f9fc, #f0f4f9). Pair the Success Green icon with the Slate Grey wordmark.
- Digital and print default across web, product, and decks
- Ensure backgrounds stay light enough for 4.5:1 contrast
Reversed (White)
Use on Gain Slate Grey, deep teal, or photography that is 40% or darker. The Success Green icon may sit on dark overlays if contrast is sufficient.
- Overlays on imagery or dark UI surfaces
- Include at least 16px of clear space when used on photos
Monochrome (Black)
Reserve for one-colour production: engraving, embossing, or documents where colour reproduction is limited.
- Emboss, laser, or fax outputs where colour is unavailable
- If printing on dark stock, swap to the reversed white version
Don’ts
- Don’t recolour the icon or wordmark outside the approved palette.
- Don’t add strokes, drop shadows, gradients, or other effects.
- Don’t distort, rotate, or lock up the icon and wordmark in unprovided arrangements.
Files ready to share
Every download below is press-ready. SVG files pull down by default—use the dropdown for PNG or alternative formats when available.
Brand marks
Wordmark — Primary Slate
Default: SVG
Default wordmark with Gain Success Green icon for light backgrounds.
Wordmark — Reversed White
Default: SVG
Use on dark or photographic backgrounds that are 40% or darker.
Wordmark — Monochrome Black
Default: SVG
For one-colour production such as embossing, engraving, or fax.
Icon — Primary Slate
Default: SVG
Standalone icon for avatars or compact UI on light backgrounds.
Icon — Monochrome Black
Default: SVG
One-colour icon for emboss, laser, or greyscale production.
People
Headshot — Rasmus Savander
Format: PNG
CEO & Founder portrait with a clean light backdrop for editorial use.
PNG • 3000×3000
Bundles
Press kit (ZIP)
Format: ZIP
Includes all logos, icon variants, and the headshot in one archive.
ZIP archive
Curious what cashback could do for your customers?
Let us show you how easy it can be to launch, scale, and manage rewards that actually deliver - for both your institution and the people you serve.