I design .

I'm Ketan ‐ A Melbourne web designer, developer and illustrator with 20 years industry experience.

Pricefox Branding Guidelines

Version 1.1

Logos

Pricefox Logo - Stacked/Day
Stacked - Day
Pricefox Logo - Stacked/Night
Stacked - Night

There are four Pricefox logo variants available. The Day logos should be used on light coloured backgrounds and the Night logos should be used on dark coloured backgrounds. The logo must not have a shadow, any gradients or overlays, or borders applied to it.

Pricefox Logo - Row/Day
Row - Day
Pricefox Logo - Row/Night
Row - Night

Exclusion zone

The logo and icon's exclusion zone is equal to the height from top of the icon to where the ears join (marked as × on the diagram).

Logo exclusion zone

App icons

Icons for iOS and Android should follow the below gridline guide for optimal placement of the Pricefox icon.

App icon grid
App icon

Colours

The Pricefox logo is made up of five colours, all colours of the fox. Each of these colours can be used to style headings, titles and components on websites and printed materials.

  • #430300 R67 G3 B0

  • #E06300 R224 G99 B0

  • #FA7D00 R250 G125 B0

  • #FB8C00 R251 G140 B0

  • #F2EEEA R242 G238 B234

Background colours

Below are the official background and colour that can be used with the logo to highlight and focus on the branding. There are no restrictions on the use of background colours other than the logo and icon should be clear.

Official Pricefox background
  • #29004D R41 G0 B77

Typography

For titles and headings, we use the font Montserrat Bold in various sizes. For all other body text, use San Francisco. Where San Francisco is not available, use Roboto.

Pricefox font stack & colour

Recommended font stack
  • Body Text Colour

    #4A4A4A R41 G0 B77

For all website body text, the dark grey colour listed below is used. For printed materials, rich black (C60 M40 Y40 K100 ) is preferable.

Online & printed materials

When placing the Pricefox logo on the background images (e.g. for marketing campaigns), ensure the image that is used works for either the Day or Night variant. All edges of the logo, including the text, must be clear and should not merge into the background.

Example placement of Pricefox logo
Example placement of Pricefox logo

Social media

For social media, the Pricefox icon should be adjusted as necessary to ensure it is visible. Due to the small avatar sizes used in Twitter, Pinterest and Facebook it is recommended to ignore the exclusion zone.

Use of Pricefox logo as social media avatar