eQuest Download all
Brand assets

eQuest logos and guidelines

Everything you need to use the eQuest brand correctly. Grab the right logo for the job, check the rules, and you're set.

Download the full package Which file do I need?
ZIP, about 2 MB. Includes vector SVG files and PNGs in every size.
01

Logos

Use the light version on white or light backgrounds and the dark version on dark backgrounds. When in doubt, use the primary logo.

Primary logo

Primary, light

For white and light backgrounds. This is the default logo for almost everything.

SVG PNG 3000 PNG 2400 PNG 1280 PNG 640 PNG 320
Primary, dark

For dark backgrounds, dark mode, and photos with a dark area behind the logo.

SVG PNG 3000 PNG 2400 PNG 1280 PNG 640 PNG 320

Italic logo

Italic, light

An alternate style for marketing pieces and presentations. Don't mix it with the primary logo on the same page.

SVG PNG 3000 PNG 1536 PNG 768 PNG 384
Italic, dark

The italic logo for dark backgrounds.

SVG PNG 3000 PNG 1536 PNG 768 PNG 384
02

The e mark

The blue oval with the white e. Use it on its own only when there isn't room for the full logo, like browser tabs, app icons, and social media profile pictures.

eQuest e mark
e mark

Blue oval, white e. Works on light and dark backgrounds. Use this one by default.

SVG 1024 512 256 64 32 16 ICO
eQuest e mark, inverted
e mark, inverted

White oval, blue e. Dark backgrounds only. It disappears on white.

SVG 1024 512 256 64 32 16 ICO
Favicon sizes

Shown at actual size: 64, 32 and 16 pixels. For a website, use the ICO file or the 32 pixel PNG.

favicon.ico favicon-32.png
03

Colors

eQuest Blue is the brand color. Ink and Off-white are for the wordmark. Click any value to copy it.

eQuest Blue

The oval in every logo, plus links and accents.

Ink

Wordmark text on light backgrounds.

Off-white

Wordmark text on dark backgrounds.

04

Clear space and minimum size

Give it room

Keep empty space around the logo on all four sides, equal to half the width of the blue oval. Nothing else goes in that space: no text, no other logos, no edge of the page.

More space is always fine. Less is not.

eQuest logo with clear space shown around it ½ oval ½

Don't go too small

Below these sizes, the wordmark gets hard to read. When you need something smaller, use the e mark instead.

AssetScreenPrint
Primary logo120 px wide1 inch wide
Italic logo140 px wide1.25 inches wide
e mark16 px0.25 inch
Logo at 120 px
e at 16 px
05

Do's and don'ts

The logo only works if it looks the same everywhere. Use the files as they are.

Light logo on a light background
Dark logo on a dark background
Dark logo on a solid dark color
Use the e mark when space is tight
Don't use the light logo on a dark background
Don't stretch or squash it. Always resize from a corner
Don't change the colors
Don't rotate or tilt it
Don't add shadows, glows, or other effects
Don't place it on busy or colorful backgrounds
Don't fade it or make it see-through
Don't crop it or let it run off the edge

Avoid putting the logo on eQuest Blue. The oval disappears into it. If you need the brand on a blue background, use the inverted e mark instead.

Also don't retype "eQuest" in another font and call it the logo, and don't rebuild the e mark from scratch. Always use these files.

06

App and product icons

App icons have a solid background because phones and app stores don't allow see-through icons. Product icons are rounded squares for product cards, listings, and tiles.

App icon, blue

Default for home screens and app stores.

SVG1024512192180
App icon, white

For places that already have a lot of blue around them.

SVG1024512192180
App icon, dark

For dark mode and dark launch screens.

SVG1024512192180
Product icons

Rounded squares for product cards, partner listings, and tiles.

e blue SVGe bluee whiteplane
07

Which file do I need?

Pick the row that matches what you're doing.

I'm making...Use thisWhy
A website or web appequest-logo-light.svg, or the 1280 PNGSVG stays sharp on every screen. Use the dark version in dark mode.
An email signatureequest-logo-light-320w.pngEmail apps don't support SVG. Set the width to 160 px so it looks sharp on retina screens.
Slides or a documentequest-logo-light-1280w.pngBig enough to stay crisp, small enough not to bloat the file.
Print, signs, or swagAny file in 00-vector-svgVector files scale to any size. Send these to the printer.
A browser tab iconfavicon.ico or favicon-32.pngMade for tiny sizes.
A social profile pictureapp-icon-blue-1024.pngSquare with a solid background, so it crops cleanly to a circle.
A phone home screen iconapp-icon-blue-180.png (Apple), -192 and -512 (Android)Phones need a solid background.
A partner listing or vendor pageLight logo PNG at 640 or 1280, plus the SVGPartners usually ask for both.

These files were rebuilt as vectors from the best copies of the logo we had. They're clean at every size included. If the original artwork from the logo designer turns up (.ai, .eps, or .svg), it should replace the files here.

Copied