Basics

Our corporate design guidelines support our brand identity by ensuring a unified visual appearance. These guidelines explain how to use basic elements of our corporate design, including our logo, fonts, and color palette.

In addition to augmenting brand recognition, a uniform visual identity ensures consistency across all internal and external communications. Your adherence to these guidelines will help to strengthen our market positioning as a trusted and independent academic publisher.

The following guidelines apply to all design work.

Typography

De Gruyter’s corporate identity makes use of two typefaces: Gotham, a modern and legible sans serif typeface, as well as Times, a transitional typeface. Both typefaces are ideal for De Gruyter, as they have a timeless appeal yet also complement De Gruyter’s image as a contemporary academic publisher. A key hallmark of De Gruyter CI is the robust simplicity of the Gotham Bold typeface set in all caps.

De Gruyter Gotham and Times Typefaces

Typeface by Context

Gotham Header in Bold/Versal
Headings set in Gotham Bold and in all caps.
Text in Gotham Book
Introductory text set in Gotham Book.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur varius mi tortor, sed dignissim urna scelerisque et. Pellentesque at diam hendrerit, scelerisque sapien quis, laoreet dui. Donec imperdiet nunc vitae lectus mattis, in tempor arcu fringilla. Nunc in nisl dui. Integer et interdum purus, vel elementum arcu.
Body copy set in Times.
  • Curabitur varius mi tortor
  • Donec imperdiet nunc
  • Sed dignissim urna
List arrows constructed using “Triangles” from Windings 3 Regular (note: this application does not apply to digital products).
degruyter.com in Gotham
Picture captions and footnotes are set in Gotham Book.
Pellentesque at diam hendrerit, scelerisque sapien quis, laoreet dui. Donec imperdiet nunc vitae lectus mattis, in tempor arcu fringilla. Nunc in nisl dui. Integer et interdum purus, vel elementum arcu.
Quotes are set in Times LT Italic or Semibold Italic.
degruyter.com in Gotham
The “degruyter.com” URL is set in Gotham Bold and does not include “www.” An exception to this is when the URL appears in body copy or as an inline element.

Italics can also be used to emphasize individual words or sentences.

Corporate Dash

The corporate dash is a significant design element that helps to visually organize a document.

The size of the corporate dash is proportional to the dash located within the De Gruyter logo when the corporate dash and the logo appear on the same page/within the body of work. The corporate dash’s size is therefore approximately 50% longer and 10% thicker than the dash within the De Gruyter logo (emblem).

De Gruyter Dash Measurements
De Gruyter Dash Usage Example 1
De Gruyter Dash Usage Example 2

Color Palette

De Gruyter’s CI does not foresee the use of a specific color palette. Rather, color selection should reflect our desired image as “traditional, but not stuffy.” As a general rule, a fair amount of black must be used in all design contexts. This requirement can be fulfilled through the use of the black logo in combination with black typography.

Primary Color

Black stands for classic, elegant and bold.

Black
HEX
#000000
Pantone
RGB
0, 0, 0
CMYK
0, 0, 0, 100

Secondary colors

Yellow-Green
HEX
#8A8B1D
Pantone
384 Solid C
RGB
148, 148, 31
CMYK
45, 27, 100, 20
Muted Brown
HEX
#8C7E5E
Pantone
2325 Solid C
RGB
140, 126, 94
CMYK
40, 38, 60, 25
Silver
HEX
#CACAC9
Pantone
420 Solid C
RGB
202, 202, 201
CMYK
25, 18, 20, 0
Blue-Green
HEX
#007596
Pantone
7705 Solid C
RGB
0, 117, 150
CMYK
100, 40, 25, 5
Magenta
HEX
#A81266
Pantone
234 Solid C
RGB
168, 18, 102
CMYK
30, 100, 20, 12
Granite Gray
HEX
#615B66
Pantone
2363 Solid C
RGB
97, 91, 102
CMYK
55, 50, 35, 40
Mustard
HEX
#AF860E
Pantone
1245 Solid C
RGB
175, 134, 14
CMYK
25, 40, 100, 18

Accent colors

  • Accent colors may only be used in combination with black.
  • Do not adjust their respective color values or saturation levels.
  • Moreover, they should not be combined with one another.

The exception to these rules are when accent colors are used in diagrams or data visualization.

Turquoise
HEX
#00C7B1
Pantone
RGB
0, 199, 177
CMYK
70, 0, 40, 0
Gold
HEX
#FFB81C
Pantone
RGB
255, 184, 28
CMYK
0, 30, 90, 0
Lavender
HEX
#BF4DA5
Pantone
RGB
191, 77, 165
CMYK
30, 80, 0, 0
Blue
HEX
#008AD8
Pantone
RGB
0, 138, 216
CMYK
80, 35, 0, 0
Rose
HEX
#F18070
Pantone
RGB
241, 128, 112
CMYK
0, 60, 45, 0

Open Access Colors

In addition to the vivid open access orange, open access designs should include extensive use of white and light gray.

Open Access Orange
HEX
#F18700
Pantone
151 C
RGB
241, 135, 0
CMYK
0, 55, 100, 0
Open Access Light-Gray
HEX
#CACAC9
Pantone
420 Solid C
RGB
202, 202, 201
CMYK
25, 18, 20, 0
White
HEX
#FFFFFF
Pantone
RGB
255, 255, 255
CMYK
0, 0, 0, 0

In Digital Products

In digital products, color plays a particularly important role. It is important colors are used to enhance functionality, accessibility and usability. For this reason, digital products uses a modified color system.

Visual Language

Genuine & With Heart

Imagery should convey a feeling of authenticity and likeability. Images should emphasize De Gruyter's commitment to respecting diversity across ages, genders, cultural backgrounds and ethnicities.

Formal Aspects

  • Vivid and warm colors
  • Wood textures
  • Foreground in focus
  • Interplay between focused and blurry image elements
  • A portion of the image should be low-key or dark or in shadow

Example Objects

People: authentic, personable, likeable, concentrated, in focus

De Gruyter Image Example: People 01
© KerstinMüller De Gruyter Image Example: People 02
© KerstinMüller De Gruyter Image Example: People 03
© KerstinMüller De Gruyter Image Example: People 04

Books: the portrayal of books together with people is preferable

© KerstinMüller De Gruyter Image Example: Books 01
De Gruyter Image Example: Books 02

Digital Products: dark, with focus on light emanating from digital device

De Gruyter Image Example: Digital Products 01
De Gruyter Image Example: Digital Products 02

Open Access: In addition to the visual language options discussed above, open access publications may also feature abstract orange imagery or images with an orange color gradient.

De Gruyter Image Example: Open Access 01
De Gruyter Image Example: Open Access 01

De Gruyter Values

Partnership: Authentic, diligent, likeable, personable

De Gruyter Image Values: Partnership 01
De Gruyter Image Values: Partnership 02

Competence: Creative, professional, traditional, modern

De Gruyter Image Values: Competence 01
De Gruyter Image Values: Competence 02

Openness: Multicultural, cosmopolitan, zest for knowledge, dedicated to scientific inquiry

De Gruyter Image Values: Openness 01
De Gruyter Image Values: Openness 02

Courage: Innovative, visionary, digitally-minded, forward-looking

De Gruyter Image Values: Courage 01
De Gruyter Image Values: Courage 02

Employee Photos

The photos are taken in a photo studio in Berlin. The look of the employees is natural and friendly. The formal attributes are: frontal, not centered, cropped, grey background.

Employee Photos De Gruyter Employee Photo Example 01
© Annette Koroll De Gruyter Employee Photo Example 02

Employee Photos © Koroll

Iconography

Our icons provide orientation for the reader and user by drawing attention to important information. While our icons can be used in a wide variety of design contexts, as a general rule they should always be combined with text, rather than appearing by themselves. We distinguish between simple and complex icons:

Simple Icons (single color) Our simple, single-color icons are functional, which means they are used for action-oriented content.

De Gruyter Sample Simple Icon 01 De Gruyter Sample Simple Icon 02 De Gruyter Sample Simple Icon 03 De Gruyter Sample Simple Icon 04 De Gruyter Sample Simple Icon 05 De Gruyter Sample Simple Icon 06

Complex Icons Our complex icons have a descriptive function.

De Gruyter Sample Complex Icon 01 De Gruyter Sample Complex Icon 02 De Gruyter Sample Complex Icon 03 De Gruyter Sample Complex Icon 04 De Gruyter Sample Complex Icon 05

Both icon types are also available in open access variants. The complex variant features the typical open access orange.

Icon Construction

Our icons are based on line drawings and follow a defined grid system. Pre-deterimined different sizes of icons are available for digital products. For print applications the sizes can be scaled.

Example Icon Design with Measurements