Schriftgrößen-/stile und Buttonausprägungen

Quick Reference

Text Größe und Formatierung

🔠 Absatz Headline und co.:

↕️ Formatierung 1 - Schriftgrößen und Headlines im Vergleich:

💯 Formatierung 2 - Fett, Kursiv und co. :

🆎 Module mit Beschriftung / Caption

↔️ Text Breite / Width:

Color

🌈 Farben im Überblick:

🏳️‍🌈 Farben Sortiert:

🅰️ Markup Color:

💗 Gradients:

Verlinkungen

🔗 Text Links:

📀 Button Größen:

💽 Button Variationen:

Beispiel Verwendungen

📄 Beispiel Modul

Icons

📎 Icons

Headlines und co.

Display - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Headline H1 - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Headline H2 - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Headline H3 - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Headline H4 - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Headline H5 - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Headline H6 - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Beschriftung - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Absatz - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Schriftgrößen und Headlines im Vergleich

Display

Headline H1

Headline H2

Headline H3

Headline H4

Headline H5

Headline H6

Beschriftung

Absatz

-

Font Size 24px

Font Size 20px

Font Size 18px

Font Size 16px

Font Size 14px

Font Size 12px

Font Size 11px

Normal: The quick brown fox jumps over the lazy dog.

Fett: The quick brown fox jumps over the lazy dog.

Kursiv: The quick brown fox jumps over the lazy dog.

Unterstrichen: The quick brown fox jumps over the lazy dog.

Durchgestrichen: The quick brown fox jumps over the lazy dog.

Standard Font: The quick brown fox jumps over the lazy dog.

Markup Font: The quick brown fox jumps over the lazy dog.

Font Markup Color: The quick brown fox jumps over the lazy dog.

Bullet Points:
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the hedge?
Wo ist Melchior?

Module mit Beschriftung / Caption

Card-Komponenten mit .caption-style



		DateBadge
		SessionScheduleGrid
		SearchResult/default (diverse)
ExhibitorResultCard	PodcastFilter	QuickSearch
Footer	ComboBoxInput	SearchView

ExhibitorResultCard

Footer

PodcastFilter

ComboBoxInput

Absatzvorlagen mit .caption style

Modul Checkliste (Caption)

(Siehe Datums-Monat Text)

Categories Filter

Trade Fair

Import calendar selection

Direct Entry (Caption siehe Section Title und Link-List Title)

The quick brown fox jumps over the lazy dog

Ich bin ein Link :D

Fair Slider (Caption)

Siehe Fair Card Title (+ variante)

Anuga Select Brazil

Anuga Select Brazil is the only exclusive trade fair for the food and beverage sector in South America. It focuses on generating new businesses and encouraging global trends knowledge.

Where

São Paulo

When

05.04. - 07.04.2027

Text Breite

100% overall - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

80% Desktop, 100% Mobile - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

XL fixed (1069px) - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

LG fixed (895px) - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

MD fixed (735px) - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

SM fixed (608px) - The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

Colors

Color Grey Dark

Color Primary

Color Grey

Color White

Color Primary Dark

Color Grey Darker

Color Black

Color Grey Lighter

Color Grey Light

Color Primary Light

Colors Sorted

Black

Grey Darker

Grey Dark

Grey

Grey Light

Grey Lighter

White

Primary Dark

Primary

Primary Light

Text Colors

Grey Dark

Primary

Grey

White

Primary Dark

Grey Darker

Black

Grey Lighter

Grey Light

Primary Light

Grey Dark

Primary

Grey

White

Primary Dark

Grey Darker

Black

Grey Lighter

Grey Light

Primary Light

Text Markup Colors

Grey Dark

Primary

Grey

White

Primary Dark

Grey Darker

Black

Grey Lighter

Grey Light

Primary Light

Gradients

Green to Grey

50 % White

60 % White

70 % White

Green to Grey

50 % Black

60 % Black

70 % Black

Overlay - Basic

Overlay - Hero Gradient

Overlay - Gradient Black 0 - 50 - 70

Overlay - Image-Text Gradient

Overlay - Gradient White 0 - 100

Overlay - Gradient White 0 - 50 - 70

Overlay - Gradient Black 50 - 0 - 50

Overlay - Gradient Black 50 - 0 - 0

Overlay - Gradient Black White 50 - 0 - 50

Overlay - Gradient Purple - Pink

Verlinkungen

Text Links

Link Text - Default (with Hover Animation), standard

Link Text - Underlined (without Animation), standard

Link Text - Blank (without Style and Animation), standard

Link Text - Default (with Hover Animation), inverted + grey darker background

Link Text - Underlined (without Animation), inverted+ grey darker background

Link Text - Blank (without Style and Animation), inverted+ grey darker background

Buttons

Button Sizes

Button Link Text Extra Large XL

Button Link Text Large LG

Button Link Text Medium MD

Button Link Text Small SM

Button Link Text Extra Small XS

Button Variations

Button Primary x Solid

Button Inverted x Solid

Button Secondary x Solid

Button Primary x Outlined

Button Inverted x Outlined

Button Secondary x Outlined

Button Primary x Ghost

Button Inverted x Ghost

Button Secondary x Ghost

Button Primary x Minimal

Button Inverted x Minimal

Button Secondary x Minimal

Beispiel Verwendungen

A quick overview

Hall and site plan

Use our hall plans to plan your visit in advance, or download the spoga+gafa app to your mobile device and use the integrated hall plan. The plan shows you the best way to the clearly divided hall areas, which are centrally connected by the exhibition boulevard.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos.

Trade fair grounds

Text zur Verlinkung zum Messegelände. Kurz und kackig.

Link zur LP Messegelände

Hier könnte Ihr Hallenplan stehen.

Day ticket

One-time admission

EUR 20.00

Including VRS ticket
Day selection in the order process

2-Day ticket

Admission on two days

EUR 35.00

Including VRS ticket
Day selection in the order process

Season ticket

Daily admission

EUR 45.00

Including VRS ticket
Maximum event experience

Your arrival

With car

The following car parks are available around the exhibition grounds for spoga+gafa:

Car parks P8 / P10
Car park at Zoobrücke

Address of Car park at Zoobrücke:

Deutz-Mülheimer-Straße 51
50679 Cologne

Apple Maps

Google Maps

Online Parking ticket

Simply enter your registration number when purchasing your ticket and drive straight through – no need to stop at the ticket machine.

Alternatively, you can use the QR code on the ticket.

EUR 20.00

Your ticket as proof of travel

You will receive your free ticket in a separate email.
Print out the PDF file in A4 format or save it to your mobile device.

The ticket (2nd class) is valid throughout the VRS network. This excludes trains subject to a surcharge, such as IC, EC or ICE.

With public transport

Entrance South:

S-Bahn-Station “Köln Messe/Deutz”
Lines S6, S11, S12, S19

Tram and Underground Station “Köln, Bf Messe/Deutz (U)”
Lines 1 and 9

Entrane East, West, North:

Tram and Underground Station “Koelnmesse, Köln-Deutz”
Lines 3 and 4

The Old Town

Start your tour of Cologne's Old Town with its winding alleys, Romanesque churches, and the impressive Cologne City Hall. A striking contrast is provided by the modern crane houses in Rheinauhafen.

Relaxation and Culture along the Rhine

The parks and gardens of Cologne offer relaxation: In the Rhine Park and the Rodenkirchen Rhine Meadows, meadows and paths invite you to walk, cycle, or have picnics. At the Tanzbrunnen by the riverside, festivals and events entertain year-round with a view of the Cologne Cathedral.

Sport and Recreation – for the Active and Nature Lovers

Cologne is also sportingly attractive: Fans can experience 1. FC Cologne at the RheinEnergieStadion, watch ice hockey with the Cologne Sharks at the LANXESS Arena, or enjoy water sports with the Rheinlandsegler-Verein on the Rhine.

Sport and Recreation – for the Active and Nature Lovers

The Roman past of Cologne is visible in many places: sections of the approximately four-kilometer-long city wall, the Roman Tower, and foundations in the castle wall testify to ancient architectural art. In the basement of the Cologne City Hall lies the Praetorium, the former governor's palace, the fragments of which will be publicly accessible at the MiQua Museum starting in 2028.

Culinary highlights in Cologne

Culinarily, Cologne offers a variety for every taste: from classics like "Himmel un Ääd" in traditional breweries to modern gastronomy in the Belgian Quarter and at the Rhine Harbor. Restaurants can be easily reserved online through Globalguest.

Book now

Icons

Yvonne Mueller

Sales Manager Services

+49 221 821-2427

at Koelnmesse GmbH

Aramark Restaurations GmbH

+49 221 2848584

E-Mail