Eye-Catchers

The clear and simple use of colors and shapes is also reflected in the design of eye-catcher. So as not to overload the layout, the use of the eye-catcher is reduced.

Eye-Catcher variations

We want to keep all layouts clean, structured and not overcrowded. To highlight the key product benefit and launch of a new product, eye-catchers can be used. Two types of eye-catchers are available. Only one of each type can ever be used, but both types can be combined.
Three examples of three different eye-catcher graphics (colorful circles with text in them).
Standard eye-catcher

To highlight one single-minded key product benefit, a single eye-catcher can be integrated. This is placed on the packshot. The eye-catchers have a fixed form and a pre-defined use of colors and types.

A small red box with the word "NEW" in it. It is to be used when launching new products.
"NEW" eye-catcher

Use this eye-catcher to indicate a new product (launch)

  • Rectangular shape with rounded corners
  • Color is always HARTMANN Red
  • The eye-catcher is always placed in front of the product or packshot

Color usage: Colors & fonts

Eight secondary colors HARTMANN: Four color circles in Yellow, Red, Green and Cyan. Four crossed-out color circles in Pink, Violet, Orange and Turquoise.

The colors for the eye-catchers can be selected from the secondary color palette.

  • The “NEW” eye-catcher is always HARTMANN Red.
  • The standard eye-catcher appears in Yellow or Cyan if in combination with the “NEW” eye-catcher. If there is no “NEW” eye-catcher, the standard eye-catcher can appear in Red.
  • Green is only used for sustainability-related topics.
  • Text is in HARTMANN Dark Blue or White

More on Colors

Color usage within the Plus design

Eight secondary colors HARTMANN: Three color circles in Yellow, Red and Green. Five crossed-out color circles in Cyan, Pink, Violet, Orange and Turquoise.

Since Plus designs always use Cyan as their background color, Cyan is not available for eye-catchers appearing in this context.

More about The Plus

Fonts in eye-catchers

Gray colored area with "Aa" in large letters and the words Panton bold, Panton semibold and Panton Regular
  • Use Panton Bold and/or Panton Semibold and/or Panton Regular
  • Different font styles and sizes can be combined
  • Keep text to a minimum
  • Ensure there is enough ‘whitespace’ around the text

More on Typography

Important

Please note, if it’s not necessary to highlight a key product benefit or new product launch, please do not integrate any eye-catcher. This keeps the layout simple and not overcrowded.

Examples

Several eye-catchers can be combined with each other.
Example of how text should be placed when the eye-catcher graphic is placed centrally on the packshots (left). Example of how text should be placed when the eye-catcher graphic is placed left of the packshots (middle). Example of how text should be placed when the eye-catcher graphic is placed right of the packshots (right).

See also

For further information, get in touch

Please email us at branding.support@hartmann.info