Digital Basics

Logo

Three different logo sizes are available for use with desktop, app, and mobile applications. Further information on the REHAU logo and logo downloads can found in the relevant guideline: Logo

Size L
Header Desktop Web
152 x 48 px

Size M
Apps
126 x 40 px

Size S
Header Mobile Web
101 x 32 px

Colors

The following colors are used in digital applications:

Colors	RGB decimals	RGB hexadecimals
White	255 \| 255 \| 255	FFFFFF
REHAU Active Red	221 \| 0 \| 96	DD0060
REHAU Smart Green	55 \| 165 \| 140	37A58C
REHAU Black	0 \| 0 \| 0	000000
REHAU Gray	177 \| 178 \| 179	B1B2B3
Tint 1	127 \| 127 \| 127	7F7F7F
Tint 2	191 \| 191 \| 191	BFBFBF
Tint 3	229 \| 229 \| 229	E5E5E5
Tint 4	242 \| 242 \| 242	F2F2F2

Typography

We use the Black, Bold, Regular, and Light styles of the Brix Sans font in digital applications. Further information can be found in the relevant guideline: Typography

Definitions

	Font face	Font size	Line height	Font color
Headline 140 (extended)	Brix Sans Black	14.0 rem	15.4 rem	#000000
Headline 100 (extended)	Brix Sans Black	10.0 rem	11.2 rem	#000000
Headline 60 (extended)	Brix Sans Black	6.0 rem	6.6 rem	#000000
Headline 48 (extended)	Brix Sans Black	4.8 rem	5.4 rem	#000000
Headline 36	Brix Sans Black	3.6 rem	4.0 rem	#000000
Headline 28	Brix Sans Black	2.8 rem	3.2 rem	#000000
Headline 24	Brix Sans Bold	2.4 rem	2.8 rem	#000000
Headline 18	Brix Sans Bold	1.8 rem	2.4 rem	#000000
Abstract	Brix Sans Bold	1.8 rem	2.4 rem	#000000
Body Text 28 (extended)	Brix Sans Regular	2.8 rem	3.2 rem	#000000
Body Text 24 (extended)	Brix Sans Regular	2.4 rem	2.8 rem	#000000
Body Text 18 (standard)	Brix Sans Regular	1.8 rem	2.4 rem	#000000
Body Text 16 (small)	Brix Sans Regular	1.6 rem	2.2 rem	#000000
Highlighter text	Brix Sans Light	2.4 rem	3.2 rem	#000000
Label (Apps only)	Brix Sans Bold uppercase	1.2 rem		#BFBFBF

Standard Font Rules

Overall color behavior of pages

Minimum 80% Black and White usage (Gray color counts as Black)
Maximum 15% Green (Secondary)
Maximum 5% Magenta (Primary)

Headlines

Standard headings can be used in sizes 18-100.
Font size 140 is only used for company and product names in the page header.
Standard color for headlines is Black.
Green (Secondary) headlines can be used if the color behavior of the page complies with the overall color behavior of the page. If the color behavior already tilts in one color direction, it is no longer allowed.
Single Highlight- or Productnames can be set to Green color if the color behavior of the page complies with the overall color behavior of the page. If the color behavior already tilts in one color direction, it is no longer allowed.
Magenta (Primary) headlines or single words in headlines are generally not allowed!

Body Text

Standard font size for body text is 18.
Font size 24 and 28 can be used for headers, introductions and highlight text.
Standard color for body text is Black. On specific background colors, the body text color will be switched to White.
Green text color can be used for introduction and highlight text. If the color behavior already tilts in one color direction, it is no longer allowed.
Green and Magenta text color can be used for highlighting single words or segments. If using Magenta color, for highlighting, there must be an obvious Green balance (like the headline) nearby. Green and Magenta highlighting can't be mixed in the same text block or paragraph. If the color behavior already tilts in one color direction, it is no longer allowed.

Examples

Examples what is allowed on the website

This headline is the standard headline.

This is a headline with highlighted productname.

This body text is using larger font size. The REHAU Group is a unique and diverse family of five strong companies consisting of REHAU Industries, REHAU Automotive, REHAU New Ventures, the Meraxis Group and Raumedic. Each focuses on the specific needs of their target groups with their individual competencies.

This body text is using standard size and highlight text. Here we also need to check the color behavior. The REHAU Group is a unique and diverse family of five strong companies consisting of REHAU Industries, REHAU Automotive, REHAU New Ventures, the Meraxis Group and Raumedic. Each focuses on the specific needs of their target groups with their individual competencies. This industry- and trade-specific focus enables each of the companies to lead in their respective markets and, at the same time, to complement each other within the REHAU Group in order to successfully engineer progress and enhance lives together.

Link for color behavior

The REHAU Way.

This body text is using standard size and highlight text. Here we also need to check the color behavior. The REHAU Group is a unique and diverse family of five strong companies consisting of REHAU Industries, REHAU Automotive, REHAU New Ventures, the Meraxis Group and Raumedic. Each focuses on the specific needs of their target groups with their individual competencies. This industry- and trade-specific focus enables each of the companies to lead in their respective markets and, at the same time, to complement each other within the REHAU Group in order to successfully engineer progress and enhance lives together.

“Working for the REHAU Group goes beyond the standard daily business: it is exciting, inspiring and full of opportunities to develop and try new things.”

Examples what is not allowed on the website

This is a headline with highlighted productname.

This is a headline in magenta and not allowed.

This is a headline with different colors.

This body text is using magenta color text. This is not allowed. The REHAU Group is a unique and diverse family of five strong companies consisting of REHAU Industries, REHAU Automotive, REHAU New Ventures, the Meraxis Group and Raumedic. Each focuses on the specific needs of their target groups with their individual competencies.

This body text is using standard size and highlight text in different colors. This is not allowed. The REHAU Group is a unique and diverse family of five strong companies consisting of REHAU Industries, REHAU Automotive, REHAU New Ventures, the Meraxis Group and Raumedic. Each focuses on the specific needs of their target groups with their individual competencies. This industry- and trade-specific focus enables each of the companies to lead in their respective markets and, at the same time, to complement each other within the REHAU Group in order to successfully engineer progress and enhance lives together.

The REHAU Way.

This body text is using standard size and highlight text. Here we also need to check the color behavior. The REHAU Group is a unique and diverse family of five strong companies consisting of REHAU Industries, REHAU Automotive, REHAU New Ventures, the Meraxis Group and Raumedic. Each focuses on the specific needs of their target groups with their individual competencies. This industry- and trade-specific focus enables each of the companies to lead in their respective markets and, at the same time, to complement each other within the REHAU Group in order to successfully engineer progress and enhance lives together.

“Working for the REHAU Group goes beyond the standard daily business: it is exciting, inspiring and full of opportunities to develop and try new things.”

Grid

The layout of desktop applications is based on a twelve-column grid. The space between columns is 24 px, the width of the columns corresponds to the viewport widths of 1,080 px, 1,200 px, and 1,440 px.

Desktop content area 1,200px

Window width: 1,440px

Grid: 12 columns

Gutter: 24px

Desktop content area 1,080 px

Window width: 1,440px

Grid: 12 columns

Gutter: 24px

Desktop content area 1,440 px

Window width: 1,920px

Grid: 12 columns

Gutter: 24px

Mobile applications

The layout of mobile applications is based on a two-column grid. The space between columns is 24 px, the distance to the edge is 12 px each.

Grid: 2 columns Gutter: 24 px Margin: 12 px