Brand

The logo and how to use it

Writing about Giving Radar, or putting our logo next to yours? Everything is here: every version of the logo, the colors, the type, and ready-made pictures for social media. Take what you need.

Download the whole kit (ZIP, 2.4 MB)

Logo
Colors
Type
Rules
Applications

Logo models

Four layouts, each in five color versions. SVG is for print and design tools; PNG has a transparent background and is ready to drop in.

Horizontal

The main logo. Use it wherever there is room across: headers, email signatures, slides, documents.

ColorOn white and light backgrounds
SVG PNG

ReversedOn purple and dark backgrounds
SVG PNG

One color, purpleOne-color printing on light
SVG PNG

One color, blackBlack-and-white documents
SVG PNG

One color, whiteOver photos and dark colors
SVG PNG

Stacked

For square and tall spaces: posters, covers, the end of a video.

ColorOn white and light backgrounds
SVG PNG

ReversedOn purple and dark backgrounds
SVG PNG

One color, purpleOne-color printing on light
SVG PNG

One color, blackBlack-and-white documents
SVG PNG

One color, whiteOver photos and dark colors
SVG PNG

Mark

The radar alone, for small sizes and places where the name is already next to it: app icons, favicons, profile pictures.

ColorOn white and light backgrounds
SVG PNG

ReversedOn purple and dark backgrounds
SVG PNG

One color, purpleOne-color printing on light
SVG PNG

One color, blackBlack-and-white documents
SVG PNG

One color, whiteOver photos and dark colors
SVG PNG

Wordmark

The name alone, when the radar is already on the page or the space is very narrow.

ColorOn white and light backgrounds
SVG PNG

ReversedOn purple and dark backgrounds
SVG PNG

One color, purpleOne-color printing on light
SVG PNG

One color, blackBlack-and-white documents
SVG PNG

One color, whiteOver photos and dark colors
SVG PNG

Colors

Seven colors, all taken from the logo. Purple leads; the rest support it.

Radar purple#61259E
RADAR, the lead heart, backgrounds

Mauve#8B7C99
GIVING

Ring lilac#BBA2CF
The radar rings

Heart 2#9D78BE
Second heart

Heart 3#BDA5D0
Third heart

Ground#F6F4EF
Light background

Ink#2A2233
Dark background, text

Type

Two typefaces from the same family, both free from Google Fonts.

GivingRadar

Barlow Condensed Bold, in capitals. The wordmark and every headline.

A record of how the world’s nonprofits ask.

Barlow, regular and semibold. The tagline and all running text.

Rules

Few, and easy to keep.

Do

Leave clear space around the logo: at least the height of the large heart, on every side.
Below 40 pixels wide, use the mark alone.
Use Color on light backgrounds and Reversed on purple or dark ones.
Over a photo, use the one-color white or black version.

Don’t

Recolor the hearts one by one, or change any color.
Stretch, squeeze or rotate the logo.
Add shadows, outlines, glows or other effects.
Redraw it or set the name in another typeface.

Applications

The logo already placed and sized for where it is used most. Each file is the exact size the platform asks for.

Profile pictures

1080 × 1080. The mark sits inside the circle every platform crops to. Purple is the one we use everywhere.

Purple (ours)SVG PNG

LightSVG PNG

WhiteSVG PNG

DarkSVG PNG

Covers and headers

One per platform, in purple and in light. The logo stays inside each platform’s safe area, so nothing is cut off on a phone.

LinkedIn company page, purple1128 × 191
SVG PNG

LinkedIn company page, light1128 × 191
SVG PNG

LinkedIn personal profile, purple1584 × 396
SVG PNG

LinkedIn personal profile, light1584 × 396
SVG PNG

Facebook cover, purple1640 × 624
SVG PNG

Facebook cover, light1640 × 624
SVG PNG

X header, purple1500 × 500
SVG PNG

X header, light1500 × 500
SVG PNG

YouTube banner, purple2560 × 1440
SVG PNG

YouTube banner, light2560 × 1440
SVG PNG

Link preview (og:image), purple1200 × 630
SVG PNG

Link preview (og:image), light1200 × 630
SVG PNG

Post and story templates

Blank backgrounds with the logo in place, for Instagram, Facebook and LinkedIn posts and for stories.

Square post, purple1080 × 1080
SVG PNG

Square post, light1080 × 1080
SVG PNG

Portrait post, purple1080 × 1350
SVG PNG

Portrait post, light1080 × 1350
SVG PNG

Story, purple1080 × 1920
SVG PNG

Story, light1080 × 1920
SVG PNG

Watermark

The horizontal logo in one color, for the corner of a photo or a video. White on dark pictures, black on light ones.

WhiteSVG PNG

BlackSVG PNG

In use

The same pieces on a real Instagram post of ours.

What to upload where

Platform	Profile picture	Cover or header
Instagram	Purple avatar	None
LinkedIn	Purple avatar	Company 1128 × 191, or personal 1584 × 396
Facebook	Purple avatar	Cover 1640 × 624
X	Purple avatar	Header 1500 × 500
YouTube	Purple avatar	Banner 2560 × 1440
Link previews	None	Open Graph 1200 × 630

Need a size or format that isn’t here? Write to contact@givingradar.com.