# Softspend brand assets

Logos, icons and colour values for press, partner marketing and Microsoft co-sell material.
Every file here is drawn from the same master vector, so the web, a slide and a printed
banner all carry identical geometry.

Questions about usage, or a format not listed here: **info@softspend.com**

---

## What is in the pack

```
logos/      softspend-logo-{gradient,vibrant,white,black}.svg
            softspend-logo-{variant}-{4800,2400,1200,600}w.png     transparent, cropped tight

icons/      softspend-icon-{gradient,vibrant,white,black}.svg
            softspend-icon-{variant}-{2048,1024,512,256,32}.png    transparent, square

marks/      softspend-mark-{gradient,vibrant,white,black}.svg
            softspend-mark-{variant}-{2048,1024,512,256}.png       lockup use only

banners/    softspend-article-header-{gradient,dark,light}-1920x800.png
                                                          -2880x1200.png
                                                          -1600x600.png
            softspend-social-share-{gradient,dark,light}-1200x630.png
            softspend-slide-{gradient,dark,light}-1920x1080.png
            softspend-linkedin-banner-{gradient,dark,light}-1128x191.png
            softspend-x-header-{gradient,dark,light}-1500x500.png

seasonal/   softspend-logo-pride.svg + PNG 2400w, 1200w, 600w
            softspend-icon-pride.svg + PNG 2048, 512, 256
```

Vector SVG is the master artwork and scales to any size. PNGs are transparent and cropped
tight, for platforms that do not accept vectors.

## Icon and mark are not interchangeable

Two versions of the symbol, and they are drawn at different stroke weights.

The **icon** sits on a lighter stroke and carries its own corner-to-corner gradient. It is the
one to use anywhere the symbol appears alone, and it holds up far better at small sizes.

The **mark** carries the slice of gradient it occupies inside the full lockup, so it only sits
correctly next to the lockup. Never redraw or re-space the symbol.

## Which one to use

| Variant | Use |
|---|---|
| **Core gradient** | The default lockup. Use on white or near-white only. |
| **Vibrant** | Digital work that needs more presence — social, event screens, title slides. |
| **White** | Dark or busy backgrounds. |
| **Black** | Single colour and print. |

Pick one gradient per piece of collateral and hold it throughout. Never mix core and vibrant
in one layout.

The **Pride** lockup and icon in `seasonal/` are held on file for Pride and other celebration
moments. They are not part of the core identity: use them for a defined campaign window and
keep the standard identity everywhere else. Never a permanent replacement.

## Colour

| Name | Hex | Use |
|---|---|---|
| Gradient start, blue | `#3E98FF` | Left end of the lockup gradient |
| Gradient end, violet | `#9437E3` | Right end of the lockup gradient |
| Vibrant start, cyan blue | `#07A7FF` | Left end of the vibrant gradient |
| Vibrant end, magenta violet | `#BD21FF` | Right end of the vibrant gradient |
| Icon gradient | `#007BFF` → `#834AFE` | Corner to corner, standalone icon only |
| Ink black | `#04040A` | Dark backgrounds behind the white lockup |
| White | `#FFFFFF` | Reversed lockup and mark |

Both lockup gradients run left to right across the full artwork width. The icon gradient runs
corner to corner. Do not re-angle or reverse either.

## Clear space and minimum size

Keep clear space on all four sides equal to the height of the symbol. Nothing else sits inside
that boundary, including partner logos and image edges.

| Context | Minimum | Note |
|---|---|---|
| Full lockup, screen | 120px wide | Below this the wordmark loses legibility, switch to the icon |
| Full lockup, print | 25mm wide | Use vector artwork only |
| Icon alone | 24px | Favicon, avatar and app icon |

## Do

- Use the master vector files. SVG for web and any print or large format work; rasters are for
  platforms that reject vectors.
- Sit the white lockup on dark or busy imagery, with enough contrast that the full symbol
  outline reads clearly.
- Lock the aspect ratio. Scale proportionally from the corner — the widths above are the
  constraint, heights follow.
- Use the icon wherever the symbol stands alone: favicons, avatars, app tiles, slide corners.

## Do not

- **Do not re-typeset the wordmark.** It is fixed artwork. Never set "softspend" in another
  typeface or adjust its letter spacing.
- **Do not recolour, rotate, outline or add effects.** No shadows, glows, strokes, skews or
  gradient changes. Use black or white where the gradient will not work.
- **Do not place a gradient lockup on a coloured background.** On anything other than white or
  near-white, use the white or black lockup instead.
- **Do not mix core and vibrant** in one layout.

## Written style

| Correct | Note |
|---|---|
| `Softspend` | One word, capital S, in all body copy and press material |
| `softspend.com` | Lowercase when written as the web address |

Softspend, not SoftSpend or Soft Spend. No internal capital, no space, no hyphen.

## Terms

Free for editorial use — use these assets in articles, newsletters, reviews and conference
material covering Softspend. No permission needed.

Keep the artwork intact, and please do not use the logo to suggest a partnership, endorsement
or affiliation that is not in place.
