Greener-Packaging

Design Guidelines

We want to make it easy for you to use Greener Packaging media assets while respecting our brand and legal/licensing restrictions. These guidelines are sets of recommendations on how to apply design principles to provide a positive user experience.

Attribution

When does this apply?

Content available through Greener Packaging is owned by a rights holder. If you use any Greener Packaging media data it must always be accompanied by the Greener Packaging brand.

Attribute with the Greener Packaging logo

To comply with our licensing agreements, you must always attribute content from Greener Packaging with the logo. In partner integrations, you should always use our full logo (icon + wordmark). We do allow using only our icon if it’s featured as an app icon on the app screen of a device.

Greener Packaging logo and icon

  • The logo is the combination of a wordmark with our icon.
  • Our icon is a shorter version of our logo. Only use it if you do not have enough room for the full logo.

Using our content

When does this apply?

If you’re using anything related to Greener Packaging or provided by Greener Packaging.

Follow these guidelines:

  • All data used must be kept in its original form. Don’t animate or distort it in any way. This includes applying overlays and blurring.

For metadata

  • The metadata must always be legible.
  • You may truncate metadata if space is limited. The user should always be able to view the entire metadata.
  • Don’t manipulate any content or metadata.

Browsing Greener Packaging content

Follow these guidelines

Content provided by Greener Packaging

  • Greener Packaging will provide rows – or shelves – of recommended content.
  • Greener Packaging provides metadata and decides what metadata should be shown to the user, such as headlines and naming of unique contexts and groups of contexts, for all relevant surfaces.
  • Greener Packaging should determine and populate your content categories. We’ve optimised our APIs to cover several use cases and serve the most relevant content to each user.

How to display provided content

  • Don’t manipulate any content or metadata.
  • Greener Packaging content should never be seated next to content from similar services.
  • Dedicate the full row (shelf) in the view to Greener Packaging content.
  • Never show more than 20 items in a content set. At the end of each content set, a link to the Greener Packaging website should allow users to keep exploring the category.
  • Use Greener Packaging’s logo or icon to attribute content.

YES

The full row (shelf) in the view should be dedicated to Greener Packaging content.

NO

Greener Packaging content should never be seated next to content from similar services.

Linking to Greener Packaging

Using Greener Packaging metadata

If you use any Greener Packaging metadata (logo, illustrations etc.) it must always link back to the Greener Packaging Service.

How to link to Greener Packaging

  • The link should say, VISIT GREENER PACKAGING

DON’T

  • Crop metadata
  • Overlay images or text on top of each other
  • Place the logo over illiustrations

Using our logo

We are very proud of our logo. Follow these guidelines to ensure it always looks its best. Our logo is the combination of a simple, modern wordmark with the icon.

Using the icon

Our icon is a shorter version of our logo. Use the icon on its own only if you do not have enough room for the full logo or in cases when the Greener Packaging brand has already been established. While the icon can exist without the wordmark, the wordmark should never exist without the icon.

Using the logo

The Greener Packaging green logo, is our primary logo colorway, and it should only be used with black, white, and non-duotoned photography.

Which color logo to use

The Greener Packaging green logo should only be used on a black or white background, for any other background you should use a monochrome logo.

The black logo should be used on light colored backgrounds. The white logo should be used on dark colored backgrounds.

Exclusion zone

The logo and the icon’s exclusion zone is equal to half the height of the icon (marked as × in the diagram).

Minimum size

Establishing a minimum size ensures that the impact and legibility of the logo aren’t compromised.

The Greener Packaging logo should never be smaller than 70px in digital or 20mm in print.

The Greener Packaging icon should never be smaller than 21px in digital or 6mm in print.

Logo misuse

It’s important that the appearance of the logo remains consistent. The logo should not be misinterpreted, modified, or added to. Its orientation, color, and composition should remain as indicated in this document — there are no exceptions.

NO

Do not use the old stacked version of the logo.

NO

Do not apply a gradient to the icon or wordmark.

NO

Do not rotate the logo.

NO

Do not change the logo colour or tone outside of the Greener Packaging green.

NO

Do not resolve the logo in two different colours.

NO

Do not distort or warp the logo in any way.

NO

Do not use the wordmark without the icon.

NO

Do not outline or create a keyline around the logo.

NO

Do not change the typeface nor recreate or manipulate the wordmark and the icon.

Using our colors

While embracing a much more colorful language in our brand communications, Greener Packaging Green is our resting color, used only in situations where the brand palette is not being used.

Greener Packaging Green should only ever sit on white, black, or a non-duotoned photograph.

YES

Greener Packaging Green on black or white.

YES

Greener Packaging Green on an image.

NO

Greener Packaging Green on brand palette.

NO

Greener Packaging Green on duotoned image.

Logos and naming restrictions

Your application’s logo

Your logo should not include, or look similar to the Greener Packaging logo or any of its brand elements. Don’t incorporate Greener Packaging’s trademarks, in whole or in part, in the name of your company, product, application, service, or website.

Don’t pair brands

Don’t use the Greener Packaging brand together with any other brand or in any co- branded communications. Pairing of brands is not permitted under our Developer Terms.

Fonts

What font to use

We recommend you to use the default sans-serif font for the platform you are working on.

Our web font is TomatoGrotesk.

Thank you!

If you are having trouble with anything in this guide, you are missing brand elements from the brand package, or you are unsure if your communication best represents the Greener Packaging brand, please contact the Greener Packaging team on gogreen@greenerpackaging.com