InForm Crailsheim · Farbwelten zum Firmenrot

Das Firmenrot #ED0000 ist gesetzt. Die Frage ist nur, wer die Flächen trägt. Sechs Vorschläge, jeweils als Mini-Mockup der echten Sektionen (Hero, Über uns mit Kachel, helle Zwischensektion, Abschluss-CTA). Stand 24.09.2026, Vorschau: inform.studios-in-motion.com.

Rot bleibt (Akzent-Budget)

Rot geht raus (wird Begleitfarbe)

Heute

Rot als Fläche und als Akzent zugleich
14 Tage kostenlos testen
Fitness · Gesundheit · Wohlbefinden in Crailsheim
Dein Studio für Fitness & Gesundheit
Unverbindlich testenTrainingsangebote
2500 m²Trainingsfläche
Über uns
Professionell betreutes Fitnesstraining in Crailsheim
Empfohlen
Kursplan
Über 40 Kurse pro Woche
Hier findest du alle Trainingsangebote
Jetzt starten

So steht die Seite gerade: Rot im Hero-Marker, in der Kachel, in Knöpfen, in Überschriften und als ganze CTA-Fläche. Weil alles rot ist, hebt sich nichts mehr ab, und die Fläche wirkt aggressiv. In den Vorschlägen unten ist der Mockup identisch, nur Kachel, CTA-Fläche und Kartenkante tragen die Begleitfarbe.

Anthrazit + Warmgrau

Neutral, monochromruhig · sachlich · wertig
14 Tage kostenlos testen
Fitness · Gesundheit · Wohlbefinden in Crailsheim
Dein Studio für Fitness & Gesundheit
Unverbindlich testenTrainingsangebote
2500 m²Trainingsfläche
Über uns
Professionell betreutes Fitnesstraining in Crailsheim
Empfohlen
Kursplan
Über 40 Kurse pro Woche
Hier findest du alle Trainingsangebote
Jetzt starten

Die sicherste Variante: keine zweite Buntfarbe, nur warme Grautöne in drei Stufen. Das Rot bleibt allein bunt und wirkt dadurch automatisch als Akzent. Passt zu den Studiofotos (grauer Boden, Geräte), wirkt sachlich und wertig, aber etwas unauffällig.

Firmenrot · Akzent#ED0000
Anthrazit · Grundfläche#151515
Tief · Sektionen, CTA#2B2A28
Mittel · Kacheln, Hover#8C8780
Hell · Atem-Sektionen#E8E4DD
KontrastWCAG
Weiß auf TiefAb14.3 AA
Rote Schrift auf TiefAb3.1 nur groß
Weiß auf Rot (Knopf)Ab4.6 AA
Weiß auf MittelAb3.6 nur groß
Anthrazit auf HellAb14.4 AA
Rot auf HellAb3.6 nur groß
Tief als Text auf HellAb11.3 AA

„Rote Schrift auf Tief“ meint rote Wörter oder Linien direkt auf der Begleitfarbe. Der rote Knopf ist davon nicht betroffen, er trägt weiße Schrift auf Rot. Wo der Wert schwach ist: dort nur weiße Wörter markieren oder das Rot als Kante statt als Schrift setzen.

--inform-begleit-tief: #2B2A28;
--inform-begleit-mittel: #8C8780;
--inform-begleit-hell: #E8E4DD;

Sand + Anthrazit

Warm, neutralwarm · menschlich · gesundheitsnah
14 Tage kostenlos testen
Fitness · Gesundheit · Wohlbefinden in Crailsheim
Dein Studio für Fitness & Gesundheit
Unverbindlich testenTrainingsangebote
2500 m²Trainingsfläche
Über uns
Professionell betreutes Fitnesstraining in Crailsheim
Empfohlen
Kursplan
Über 40 Kurse pro Woche
Hier findest du alle Trainingsangebote
Jetzt starten

Sand und Beige machen die dunkle Seite menschlicher und passen zur Gesundheits- und Reha-Ausrichtung (Rückenschmerzen, ganzheitliches Konzept). Rot auf Sand ist ein klassisches, warmes Paar. Helle Sand-Sektionen können als Atempause zwischen dunklen Blöcken dienen.

Firmenrot · Akzent#ED0000
Anthrazit · Grundfläche#151515
Tief · Sektionen, CTA#5E5346
Mittel · Kacheln, Hover#C4B497
Hell · Atem-Sektionen#E9DFCF
KontrastWCAG
Weiß auf TiefAb7.5 AA
Rote Schrift auf TiefAb1.6 zu wenig
Weiß auf Rot (Knopf)Ab4.6 AA
Weiß auf MittelAb2.0 zu wenig
Anthrazit auf HellAb13.8 AA
Rot auf HellAb3.5 nur groß
Tief als Text auf HellAb5.7 AA

„Rote Schrift auf Tief“ meint rote Wörter oder Linien direkt auf der Begleitfarbe. Der rote Knopf ist davon nicht betroffen, er trägt weiße Schrift auf Rot. Wo der Wert schwach ist: dort nur weiße Wörter markieren oder das Rot als Kante statt als Schrift setzen.

--inform-begleit-tief: #5E5346;
--inform-begleit-mittel: #C4B497;
--inform-begleit-hell: #E9DFCF;

Petrol + Anthrazit

Kühler Gegenspieler (Split-Komplementär)modern · kühl · eigenständig
14 Tage kostenlos testen
Fitness · Gesundheit · Wohlbefinden in Crailsheim
Dein Studio für Fitness & Gesundheit
Unverbindlich testenTrainingsangebote
2500 m²Trainingsfläche
Über uns
Professionell betreutes Fitnesstraining in Crailsheim
Empfohlen
Kursplan
Über 40 Kurse pro Woche
Hier findest du alle Trainingsangebote
Jetzt starten

Petrol liegt im Farbkreis fast gegenüber von Rot, ist aber gebrochen und dunkel, deshalb kein Kirmes-Effekt. Kalt gegen warm: Petrolflächen lassen das Rot leuchten, ohne dass die Fläche selbst schreit. Modern, eigenständig, unterscheidet InForm von den üblichen Rot-Schwarz-Studios.

Firmenrot · Akzent#ED0000
Anthrazit · Grundfläche#151515
Tief · Sektionen, CTA#163E48
Mittel · Kacheln, Hover#2E7280
Hell · Atem-Sektionen#D8E6E8
KontrastWCAG
Weiß auf TiefAb11.6 AA
Rote Schrift auf TiefAb2.5 zu wenig
Weiß auf Rot (Knopf)Ab4.6 AA
Weiß auf MittelAb5.5 AA
Anthrazit auf HellAb14.3 AA
Rot auf HellAb3.6 nur groß
Tief als Text auf HellAb9.0 AA

„Rote Schrift auf Tief“ meint rote Wörter oder Linien direkt auf der Begleitfarbe. Der rote Knopf ist davon nicht betroffen, er trägt weiße Schrift auf Rot. Wo der Wert schwach ist: dort nur weiße Wörter markieren oder das Rot als Kante statt als Schrift setzen.

--inform-begleit-tief: #163E48;
--inform-begleit-mittel: #2E7280;
--inform-begleit-hell: #D8E6E8;

Schiefer + Silber

Kühl, technischsportlich · technisch · robust
14 Tage kostenlos testen
Fitness · Gesundheit · Wohlbefinden in Crailsheim
Dein Studio für Fitness & Gesundheit
Unverbindlich testenTrainingsangebote
2500 m²Trainingsfläche
Über uns
Professionell betreutes Fitnesstraining in Crailsheim
Empfohlen
Kursplan
Über 40 Kurse pro Woche
Hier findest du alle Trainingsangebote
Jetzt starten

Blaugraues Schiefer und Silber holen die Farben der Geräte (Matrix, Life Fitness, Power Plate) in die Gestaltung. Sportlich-technisch, wie Sportswear-Marken mit Rot-Akzent. Weniger Charakter als Petrol, dafür sehr robust und universell.

Firmenrot · Akzent#ED0000
Anthrazit · Grundfläche#151515
Tief · Sektionen, CTA#2A323C
Mittel · Kacheln, Hover#5E6B7A
Hell · Atem-Sektionen#DFE4E9
KontrastWCAG
Weiß auf TiefAb13.0 AA
Rote Schrift auf TiefAb2.8 zu wenig
Weiß auf Rot (Knopf)Ab4.6 AA
Weiß auf MittelAb5.4 AA
Anthrazit auf HellAb14.3 AA
Rot auf HellAb3.6 nur groß
Tief als Text auf HellAb10.1 AA

„Rote Schrift auf Tief“ meint rote Wörter oder Linien direkt auf der Begleitfarbe. Der rote Knopf ist davon nicht betroffen, er trägt weiße Schrift auf Rot. Wo der Wert schwach ist: dort nur weiße Wörter markieren oder das Rot als Kante statt als Schrift setzen.

--inform-begleit-tief: #2A323C;
--inform-begleit-mittel: #5E6B7A;
--inform-begleit-hell: #DFE4E9;

Olive + Sand

Gedeckte Komplementärfarbenatürlich · ruhig · Gesundheit
14 Tage kostenlos testen
Fitness · Gesundheit · Wohlbefinden in Crailsheim
Dein Studio für Fitness & Gesundheit
Unverbindlich testenTrainingsangebote
2500 m²Trainingsfläche
Über uns
Professionell betreutes Fitnesstraining in Crailsheim
Empfohlen
Kursplan
Über 40 Kurse pro Woche
Hier findest du alle Trainingsangebote
Jetzt starten

Grün ist die echte Komplementärfarbe zu Rot. Reines Grün wäre Weihnachten, gebrochenes Olive nicht: Es wirkt natürlich und ruhig und betont Gesundheit und Wohlbefinden. Rot bleibt auf Olive gut sichtbar. Für ein Fitnessstudio die ungewöhnlichste Wahl, deshalb mit Vorsicht.

Firmenrot · Akzent#ED0000
Anthrazit · Grundfläche#151515
Tief · Sektionen, CTA#3E4A36
Mittel · Kacheln, Hover#7B8A63
Hell · Atem-Sektionen#EEE8DA
KontrastWCAG
Weiß auf TiefAb9.4 AA
Rote Schrift auf TiefAb2.1 zu wenig
Weiß auf Rot (Knopf)Ab4.6 AA
Weiß auf MittelAb3.7 nur groß
Anthrazit auf HellAb14.9 AA
Rot auf HellAb3.7 nur groß
Tief als Text auf HellAb7.7 AA

„Rote Schrift auf Tief“ meint rote Wörter oder Linien direkt auf der Begleitfarbe. Der rote Knopf ist davon nicht betroffen, er trägt weiße Schrift auf Rot. Wo der Wert schwach ist: dort nur weiße Wörter markieren oder das Rot als Kante statt als Schrift setzen.

--inform-begleit-tief: #3E4A36;
--inform-begleit-mittel: #7B8A63;
--inform-begleit-hell: #EEE8DA;

Bordeaux + Creme

Rot-Familie, abgedunkeltmarkentreu · edel · warm
14 Tage kostenlos testen
Fitness · Gesundheit · Wohlbefinden in Crailsheim
Dein Studio für Fitness & Gesundheit
Unverbindlich testenTrainingsangebote
2500 m²Trainingsfläche
Über uns
Professionell betreutes Fitnesstraining in Crailsheim
Empfohlen
Kursplan
Über 40 Kurse pro Woche
Hier findest du alle Trainingsangebote
Jetzt starten

Statt Signalrot als Fläche ein tiefes Bordeaux: Die Seite bleibt eindeutig in der Markenfarbe, aber die Flächen brüllen nicht mehr. Das Signalrot wird zum Leuchtpunkt darauf. Creme statt Weiß nimmt zusätzlich Härte raus. Vorsicht: Rot-Knopf auf Bordeaux hat zu wenig Kontrast, dort weißer Knopf.

Firmenrot · Akzent#ED0000
Anthrazit · Grundfläche#151515
Tief · Sektionen, CTA#4A0C10
Mittel · Kacheln, Hover#7E1A1F
Hell · Atem-Sektionen#F2E9E1
KontrastWCAG
Weiß auf TiefAb15.5 AA
Rote Schrift auf TiefAb3.4 nur groß
Weiß auf Rot (Knopf)Ab4.6 AA
Weiß auf MittelAb10.2 AA
Anthrazit auf HellAb15.2 AA
Rot auf HellAb3.8 nur groß
Tief als Text auf HellAb13.0 AA

„Rote Schrift auf Tief“ meint rote Wörter oder Linien direkt auf der Begleitfarbe. Der rote Knopf ist davon nicht betroffen, er trägt weiße Schrift auf Rot. Wo der Wert schwach ist: dort nur weiße Wörter markieren oder das Rot als Kante statt als Schrift setzen.

--inform-begleit-tief: #4A0C10;
--inform-begleit-mittel: #7E1A1F;
--inform-begleit-hell: #F2E9E1;

Empfehlung

Petrol + Anthrazit ist mein Favorit: Das Rot bekommt einen echten Gegenspieler, kalt gegen warm, und leuchtet auf Petrol besser als auf Rot, ohne dass die Fläche laut ist. Es hebt InForm von der üblichen Rot-Schwarz-Fitnessoptik ab und passt zum dunklen Theme. Zweite Wahl Schiefer + Silber, wenn es näher an den Geräten und ganz sicher bleiben soll, oder Sand + Anthrazit, wenn die Seite wärmer und gesundheitsnäher wirken soll. Bordeaux + Creme ist der Weg, wenn der Kunde „alles muss rot sein“ sagt.

Umsetzung im Repo: drei Begleit-Token im InForm-Block von global.css, dann CTA-Hintergrund (custom/CtaHintergrund.astro), Bento-Kachel (custom/AboutBento.astro) und die Verlaufsflächen auf /fitness/ auf die Token umstellen. Knöpfe, Chips und Hervorhebungswörter bleiben unverändert rot. Eine Farbwelt ist in etwa einer Stunde auf der Bühne live2 sichtbar, zwei Welten nebeneinander als Demo-Seite genauso.