Most used components

You can attach Rich Text to sticky Navigation

Pre-title: hero component

Title

Body text: This component is used at the top of the page, just below the main gea.com navigation bar. Its purpose is to enhance the visual appeal of the page through a prominent headline, introductory information, an optional image, and a call-to-action. This component, whether it includes a visual or not, is commonly used across most web pages on gea.com.

Learn more

This is the title

Overview page Advanced components Rarely used components

Sub headline

Headline

This is an example of the Intro component. This component is good to be used as intro information for the page. It can be both with a CTA button or without CTA button. This component works best when the text area (to the right) is filled with overview info for the page. This can be shown in several ways. In order to change the properties you need to go to "More" and "Edit component properties". Here you can change the look and feel of the block. You can change Font, Color,etc.

Rich text component - headline 2

This is the standard rich text. You can use it to paste all kinds of text into it. It does not allow to add images. You can add links in the text and bold text. Please don't over-bold ;). The rich text offers different styles for headlines which can be used for intro text as well. You can add a "Show more" button if you don't want to show the full text right from the beginning. Just go to "More" and "Edit component properties". Here you can check the "Enable show more" checkbox.

This is headline 3

And some dummy text. But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure.

This is headline 4

And more dummy text. But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.

This is headline 5

And even more dummy text. But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.

This is headline 6 (can be used as intro text design as well)

And the final dummy text. But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.

GEA Grasso SP2
Screw package model	Speed (rpm)	Cooling capacity (kW)*
		R717, -40/+35 °C	R290, -50/+35 °C
GEA Grasso SP2 – H	3600 4500	118 148	69 87
GEA Grasso SP2 – L	3600 4500	134 170	79 99
GEA Grasso SP2 – M	3600 4500	175 221	103 130
GEA Grasso SP2 – N	3600 4500	215 271	126 159
GEA Grasso SP2 – P	3600	198	116
GEA Grasso SP2 – R	3600 4500	252 322	149 189
GEA Grasso SP2 – S	3600 4500	319 399	188 235
GEA Grasso SP2 – T	3600 4500	359 449	211 264
GEA Grasso SP2 – V	3600	429	256
GEA Grasso SP2 – W	3600	503	300
GEA Grasso SP2 – Y	3600	599	357
GEA Grasso SP2 – Z	3600	699	417
GEA Grasso SP2 – XA	3600	832	496
GEA Grasso SP2 – XB	3600	1068	651
GEA Grasso SP2 – XC	3600	1226	731
GEA Grasso SP2 – XD	3600	1448	863
GEA Grasso SP2 – XE	3600	1786	1065
GEA Grasso SP2 – XF	3600	2125	1267

^* With open flash intercooler

The rich text component can be used anywhere on your page to display textual content. It allows you to emphasize headlines, create bullet points, and more, providing flexibility in how you present information. It can also be used to build in-text tables.

Rich text component - headline 2

This is the standard rich text. You can use it to paste all kinds of text into it. It does

This is a quotation - At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Cicero (Name)

Finibus Bonorum et Malorum (Titel or position)

The image block can be utilized anywhere on the page where a single image, optionally accompanied by a caption, is required. To achieve your desired page layout, you may need to experiment with various combinations of rich text and image block components.

This is the Example Feature sub-title

This is the Example Feature title

This is the body text of the feature. This feature can be shown in several ways. In order to change the layout you need to go to "More" and "Edit component properties". Here you can change the look and feel of the feature block. You can either flip the image, change the background color or show it in full width.

Example Feature with vertical image

Example Feature vertical image

This example is using the Flip image option that we can use by clicking the "More" -> "Edit component Properties" and selecting the Flip image option, otherwise the image is default to the left as in the above feature component. You can either flip the image, change the background color or show it in full width.

This is the Example Feature with video

This Feature example with video is using the option "Full Width". In order to change the layout you need to go to "More" and "Edit component properties". Here you can change the look and feel of the feature block. You can either flip the image, change the background color or show it in full width.

Grid options for gea.com

2-Column Equal Grid layout: standard card on the left, feature component on the right.
2-Column Wide (Left or Right) Grid layout: one side is wider than the other (can be left or right). The more narrow side allows to stack cards below each other.

Card, event card, feature, rich text, image block, quote, icon cards will work pretty well in 2-column grid.

3-Column Grid: best for cards, icon cards, and event cards. Example below: two standard cards and one icon card.
4-Column Grid: best for cards, icon cards, and event cards.

Larger content pieces (such as rich text or quote) may not display well in this format.

Use 2-column grids for maximum flexibility and to combine different content types.
Reserve 3- and 4-column grids for smaller, card-based content to maintain a clean look.

Here is an example of vertical image usage. The 2-column grid needs to be added to the page. On one side - rich text component to be added. On the other side - vertical image, that should follow usual image guidelines and aspect ratio.

GEA employer working with GEA digital solutions

Example Card Standard 1 title

This is the description of the first card standard title.
This Card Standard is using color "Blue". In order to change you need to go to "More" and "Edit component properties". Here you can change the look and feel of the card. You can only change the color for this component.

Example Card Standard 2 title

This is the description of the second card standard title.

Card standard CTA

Example Card Standard 1 title

Example Card Standard 2 title

This is the description of the second card standard title.

Card standard CTA

Example Card Standard 1 title

Example Card Standard 1 title

This is the description of the first card standard title.

This option has a CTA button and the design is using the "Image" background option from "More" / "Edit Component Properties"

This is the example icon card body text.

Icon card CTA

This is the card carousel title

This is the card carousel body text.

It is recommended to use at least 3 cards, if only 2 the carousel will not work properly.

This is the title of the first card standard example

This is the description of the first card standard example

This is the title of the second card standard example

This is the description of the second card standard example

This is the CTA 2

Example Card Standard 1 title

Example Card Standard 2 title

This is the description of the second card standard title.

This is the quick links title (one column or two columns can be selected in "More" and "Edit component properties"

This is the first quick link

This is the second quick link

This is the third quick link

This is the fourth quick link

This is an example banner - it has this CTA text as well as a Link

CTA - insert in Description of the link

Receive news from GEA

Stay in touch with GEA innovations and stories by signing up for news from GEA.

We are here to help! With just a few details we will be able to respond to your inquiry.

GEA is one of the world’s largest systems suppliers for the food, beverage and pharmaceutical sectors. Our portfolio includes machinery and plants as well as advanced process technology, components and comprehensive services. Used across diverse industries, they enhance the sustainability and efficiency of production processes globally.

GEA is listed in the DAX and the STOXX® Europe 600 Index and is also among the companies comprising the DAX 50 ESG and MSCI Global Sustainability Indices.

Imprint & terms of use

Data Protection Notice

Cookie settings

Sitemap