You are currently viewing a snapshot of www.mozilla.org taken on April 21, 2008. Most of this content is highly out of date (some pages haven't been updated since the project began in 1998) and exists for historical purposes only. If there are any pages on this archive site that you think should be added back to www.mozilla.org, please file a bug.



Visual Identity Guidelines: Firefox

Firefox Logo Usage

  • The Firefox logo is to be displayed in its entirety on either a solid light or dark background (avoid mid-tone or strongly colored backgrounds).
  • Note that the shadow is part of the logo and should not be excluded.
  • The logo should not be displayed in parts, with color variations, or with other elements superimposed on top of the logo.
  • The logo must include the trademark (TM) symbol.
  • Logo size:
    • The logo should not be displayed on screen at any smaller than 24px tall (with the exception of system icons that demand smaller sizes).
    • The logo should not be displayed in print at any smaller than 3/8" tall.
Firefox Logo Firefox Logo on black

Firefox logo on white and black background

Firefox Logo/Wordmark Usage

  • The Firefox logo may be displayed on its own without the accompanying “Mozilla Firefox” text. When displayed with the accompanying “Mozilla Firefox” text, it must be displayed in one of the following two arrangements.
  • When displayed with the Firefox logo, the product name “Mozilla Firefox” should be rendered in the MetaBoldLF-Roman font in the appropriate size in relation to the logo as indicated in the figures above.
  • The wordmark must include the registered trademark (®) symbol.
  • Colors:
    • “Mozilla” text and registered trademark (®) symbol must be rendered in the hex color #666666 (RGB: 102, 102, 102).
    • “Firefox” text must be rendered in the hex color #D64203 (RGB: 214, 66, 3).
  • Logo size:
    • The should not be displayed on screen with the logo portion at a size any smaller than 24px tall.
    • The logo should not be displayed in print with the logo portion at a size any smaller than 3/8" tall.
Firefox Wordmark (horizontal)

Firefox logo/wordmark in horizontal orientation

Firefox Wordmark (horizontal)

Firefox logo/wordmark in vertical orientation

Common Mistakes

The Firefox logo and wordmark should not be displayed in modified or displayed in ways that visually compromise the logo. The following figures highlight some common mistakes to avoid when displaying the logo and wordmark.

Firefox Wordmark Bad Examples

Common Wordmark Mistakes (clockwise from top-left):
incorrect font face, incorrect font color, non-standard orientation and sizing of logo and text, incorrect logo/text size ratio and position

Firefox logo Bad Examples

Common Wordmark Mistakes (left-to-right):
missing shadow, incorrect colors, incomplete logo, strongly colored background, strong patterned background