Warum Farben wichtig sind

Wofür werden Farben eingesetzt? Farben sind überall—in Ihren Designs, auf der Website, in Marketingmaterialien, in sozialen Medien und auf Produkten. Sie erzeugen Stimmung, lenken die Aufmerksamkeit und heben wichtige Informationen hervor. Die Thinkport-Markenfarben Dark Blue für Vertrauen und Seriosität, Orange für Energie und Handlungsimpulse sowie Turquoise für Klarheit und Innovation wirken gezielt und können strategisch genutzt werden.

Warum sind sie so wichtig? Farben kommunizieren auf einer tiefen, emotionalen Ebene—oft schneller als Worte. Sie beeinflussen, wie Menschen Ihre Marke wahrnehmen. Eine konsistente Farbpalette macht die Marke wiedererkennbar und schafft eine visuelle Identität, die im Gedächtnis bleibt. Ohne eine durchdachte Farbstrategie wirkt der Auftritt uneinheitlich und unprofessionell.

Was lässt sich damit erreichen? Mit der richtigen Farbpalette entsteht eine emotionale Verbindung zur Zielgruppe und die Markenwahrnehmung wird gestärkt. Farben können Vertrauen aufbauen, Aufmerksamkeit binden und Handlungen auslösen. Eine professionelle Palette sorgt für konsistente, ansprechende und unverwechselbare Gestaltung über alle Kanäle hinweg.

Primärfarben

Die drei Hauptfarben der Thinkport-Marke für ein einheitliches Erscheinungsbild.

Dark Blue

HEX: #0B2649
RGB: 11 38 73
Pantone: 533 C

Dunkelblau für Vertrauen und Seriosität

Orange

HEX: #FF5722
RGB: 255 87 34
Pantone: 1505 C

Orange für Energie und Akzente

Turquoise

HEX: #00BCD4
RGB: 0 188 212
Pantone: 319 C

Türkis für Klarheit und Innovation

Farbpalette nach Harmonieregeln

Sie können die Harmonieregeln selbst auf Adobe Color Wheel ausprobieren—setzen Sie eine Grundfarbe im HEX-Format (Cyan/Turquoise, Orange oder Dark Blue).

Analogous Harmony für Cyan #00BCD4

Shading Turquoise #00BCD4

#00C6E0
#00BCD4
#00B6CF
#00A4BA
#004A54

Shading Orange #FF5722

#FF5722
#E64C1E
#BF4019
#802A11
#401508

Shading Dark Blue #0B2649

#0B2649
#206FD6
#174E96
#0D2D57
#081A33

Siebdruck mit Pantone-Farben

Für konsistente Farbverwendung wird das Pantone Color System in industriellen Anwendungen verwendet. Geeignete Farben nahe den HEX-Werten: alle CMYK Pantone + solid coated, in Illustrator auffindbar.

  • Dark Blue: Pantone 533 C
  • Orange: Pantone 1505 C
  • Turquoise: Pantone 319 C

Textfarben

Farben für gute Lesbarkeit von Text auf hellen und dunklen Hintergründen.

White

Hex: #FFFFFF
RGB: rgb(255, 255, 255)
CMYK: C:0 M:0 Y:0 K:0

Textfarbe auf dunklen Hintergründen

Dark Gray

Hex: #333333
RGB: rgb(51, 51, 51)
CMYK: C:0 M:0 Y:0 K:80

Fließtext auf weißen Hintergründen

Neutralfarben

Unterstützende Farben für UI-Elemente, Hintergründe und Sekundärtext.

Medium Gray

Hex: #666666
RGB: rgb(102, 102, 102)
CMYK: C:0 M:0 Y:0 K:60

Secondary text, borders

Light Gray

Hex: #CCCCCC
RGB: rgb(204, 204, 204)
CMYK: C:0 M:0 Y:0 K:20

Backgrounds, dividers, subtle elements

Verwendungsbeispiele

CSS-Variablen

@import './colors.css';

/* Primary brand colors */
.button {
  background-color: var(--color-primary);
  color: var(--color-secondary);
}

.text-body {
  color: var(--color-gray-dark);
}

JavaScript/TypeScript

import colors from './colors.json';

// primary brand colors: selection.darkBlue | .orange | .turquoise
const primaryColor = colors.selection.turquoise.hex;
const rgbValues = colors.selection.darkBlue.rgb;

Farb-Assets herunterladen

Laden Sie die vollständige Farbpalette inkl. CSS-Variablen, JSON-Definitionen und Swatches herunter.