From 38f9b6226cfc4e1bf71ceb07d6e739e51c3cbf6a Mon Sep 17 00:00:00 2001 From: joerglohrer Date: Thu, 12 Feb 2026 10:28:13 +0000 Subject: [PATCH] =?UTF-8?q?mit=20m=C3=B6glichen=20Komplement=C3=A4rfarben?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/farbkarte-komplementaer.html | 638 ++++++++++++++++++++++++++++++ 1 file changed, 638 insertions(+) create mode 100644 docs/farbkarte-komplementaer.html diff --git a/docs/farbkarte-komplementaer.html b/docs/farbkarte-komplementaer.html new file mode 100644 index 0000000..8e8f60b --- /dev/null +++ b/docs/farbkarte-komplementaer.html @@ -0,0 +1,638 @@ + + + + + +Farbfusion – FOERBICO × rpi-virtuell | Community-Hub + + + + + +
+
+
Farbfusion & Typografie-Konzept · v2
+

FOERBICO × rpi-virtuell
Community-Hub

+

Farbanalyse mit Komplementärfarben, relilab-Integration, Schrift-DNA und Gestaltungsideen für den Community-Hub.

+
+
+ + +
+
+
01 — Institutionsfarben
+
Farbkarte aller Partnerinstitutionen
+ +
+
rpi-virtuell
#0072AA
+
relilab
#34B2F6
Tochter von rpi-virtuell
+
FOERBICO
#203A8F
+
Comenius-Institut
#2A3B8E
+
FAU Nürnberg
#04316A
+
Goethe-Uni
#00618F
+
+ + +
+
+
+ FOERBICO #203A8F + ← Fusionsspektrum → + rpi-virtuell #0072AA +
+
+
+
Deep Academic
#0F4A8A
Näher an FOERBICO. Universitär-seriös.
+
Balanced Blue
#1A5699
Ausgewogene Mitte. Seriosität & Offenheit.
+
Open Community
#185C9C
Leicht heller. Zugänglich, einladend.
+
Teal Shift
#10547E
Richtung Petrol. Technisch, modern.
+
+
+ + +
+
+

Komplementär- & Akzentfarben

+

Bestehende Farbwelten der Institutionen und abgeleitete Vorschläge für den Community-Hub.

+
+ +
+ +
+
FOERBICO
+
+
+
Primär
#203A8F
+
+
+
+
Orange (Komplementär)
#FFA500
CTA-Buttons, Highlights, Warnungen
+
+
+
+
FOERBICO Anwendung
+
Forschung trifft Bildungspraxis
+
+
+ + +
+
relilab
+
+
+
Primär
#34B2F6
+
+
+
+
Gradient Blau→Magenta
#34B2F6 → #D225F8
+
+
+
+
Orange
#FF8103
Akzent, Gamification
+
+
+
+
Pink
#E54D9A
Community-Events, Kreativ
+
+
+
+
relilab Anwendung
+
Gemeinsam experimentieren
+
+
+ + +
+
rpi-virtuell
+
+
+
Primär
#0072AA
+
+
+
+
Kupfer (Komplementär)
#AA5500
Abgeleitet: Farbkreis-Gegenüber
+
+
+
+
Warm Orange (hellere Variante)
#E8832A
Buttons, Badges, Aktionen
+
+
+
+
rpi-virtuell Anwendung
+
Materialien entdecken
+
+
+
+ + +
+
Vorgeschlagene Komplementärpalette — Community-Hub
+

Die Partnerfarben zeigen eine klare Tendenz: Orange-Töne als universelle Komplementärfarbe. Für den Hub empfehlen wir ein abgestuftes Akzentsystem:

+ +
+
+
+
+
+
+

Amber Gold — Primärakzent

+
#F29422
+

Mittelweg zwischen FOERBICO-Orange (#FFA500) und relilab-Orange (#FF8103). Warm, einladend, hoher Kontrast. Für CTA-Buttons und Highlights.

+
+ +
+
+
+
+
+

Magenta Pink — Community-Akzent

+
#E54D9A
+

Übernommen aus relilab. Signalisiert Community-Events, kreative Bereiche und partizipative Formate. Sparsam einsetzen.

+
+ +
+
+
+
+
+
+

relilab-Gradient — Tochtermarke

+
#34B2F6 → #D225F8
+

Behaltener Gradient für relilab-spezifische Inhalte. Erzeugt visuelle Brücke zum Hub bei eigener Identität.

+
+ +
+
+
+
+
+

Mint Green — Erfolg/Status

+
#2ECC88
+

Neutrale Funktionsfarbe für Erfolg, Fortschritt, abgeschlossene Aktionen. Ergänzt die warmen Akzente kühl.

+
+
+ + +
+
Gesamtpalette — Übersicht
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Blau-Spektrum: Primärfarben
+
Warm-Spektrum: Akzent & Komplementär
+
Grün: Funktionsfarbe
+
+
+
+
+
+
+ + +
+
+
02 — Typografische DNA
+
Drei Schriftfamilien, drei Identitäten
+ +
+
+

Die Schrift-Herkunft des Community-Hubs

+

Jede Schrift bringt eine eigene Haltung mit. Zusammen erzählen sie die Geschichte des Projekts.

+
+ +
+
+
FOERBICO
+
Roboto Condensed
+
Forschung &
Bildung
+
Kompakt. Effizient. Akademisch.
+
Schmal und platzsparend – ideal für Labels, Navigation, Metadaten. Transportiert wissenschaftliche Kompetenz und institutionelle Seriosität.
+
+ Light 300 + Regular 400 + Bold 700 +
+
+
+
rpi-virtuell
+
Roboto
+
Digital &
Zugänglich
+
Klar. Lesbar. Vertraut.
+
Die Grundschrift – bewährt im digitalen Raum, hervorragend lesbar. Die gemeinsame Familie mit Condensed schafft visuelle Kohärenz zwischen beiden Institutionen.
+
+ Light 300 + Regular 400 + Medium 500 + Bold 700 +
+
+
+
Community
+
Yanone Kaffeesatz
+
Gemeinsam
Gestalten
+
Offen. Einladend. Lebendig.
+
Display-Schrift mit Persönlichkeit. Bricht akademische Strenge auf und signalisiert: hier ist Platz für Menschen. Ideal für Headlines und Community-Bereiche.
+
+ Light 300 + Regular 400 + SemiBold 600 + Bold 700 +
+
+
+ + +
+
Schriftpaarungen im Einsatz
+
+
+
+
Religiöse Bildung im digitalen Wandel
+
FORSCHUNGSBERICHT · 2026
+
Die Transformation religionspädagogischer Praxis erfordert neue theoretische Rahmungen.
+
+
H1: Roboto Cond. BoldMeta: Roboto Cond. LightBody: Roboto Light
+
+
+
+
Gemeinsam Bildung neu denken
+
Community-Hub · Diskussion
+
Teilen Sie Ihre Erfahrungen mit Kolleg:innen aus Forschung, Lehre und kirchlicher Praxis.
+
+
H1: Yanone KaffeesatzMeta: Roboto Cond. MediumBody: Roboto Regular
+
+
+
+
Open-Access-Materialien
+
Konfirmandenarbeit 4.0
+
Kuratierte Unterrichtsentwürfe und Praxisberichte – frei verfügbar für die Community.
+
+
H1: Yanone LightH2: Roboto Cond. Bold + AkzentBody: Roboto Light
+
+
+
+ + +
+
Typografische Skala
+
Display
Community-Hub
+
H1
Religionspädagogik vernetzt
+
H2
Forschung & Bildung im Dialog
+
H3
Aktuelle Diskussionen im Netzwerk
+
Body
Die Plattform verbindet Forschende, Lehrende und Praktizierende in einem gemeinsamen digitalen Raum.
+
Small
12.02.2026 · 5 Kommentare · Open Access
+
Label
Forschungsbericht · Praxismaterial · Community
+
Accent
Jetzt mitmachen & vernetzen
+
+
+
+
+ + +
+
+
03 — Gestaltungsideen
+
Vier Konzeptrichtungen für den Community-Hub
+ +
+
+
Netzwerk
+

Connected Minds

Netzwerk-Metapher mit Yanone Kaffeesatz-Headlines und Roboto Condensed-Metadaten. Dezente Animationen. Orange-Akzente (#F29422) markieren aktive Knoten und Interaktionen.

NetzwerkDark ModeAnimiert
+
+
+
Forschung
Bildung
Community
Praxis
relilab
+

Knowledge Layers

Schichtmodell von dunkel (FAU) bis hell (relilab). Roboto Condensed Bold strukturiert die Layer. Komplementäres Orange als Verbindungslinie zwischen den Schichten.

Layer-SystemLight ModeHierarchie
+
+
+
CHCommunity Hub
+

Gradient Identity

Erweiterter Gradient FOERBICO→rpi→relilab. Logo in Yanone Kaffeesatz, Untertitel in Roboto Condensed. Glasmorphismus-Elemente. relilab-Gradient als Submarken-Element.

GradientGlassmorphismBranding
+
+
+
+

Mosaic Grid

Kachelsystem mit allen Farben – Blau-Spektrum plus Akzentfarben (Orange, Pink, Magenta). Jede Kachel ist ein Community-Bereich. Komplementärfarben heben Aktionen und Events hervor.

MosaicKomplementärResponsive
+
+
+ + +
+

UI-Elemente & Buttons

+
+
+
Button-Stile
+
+ + + +
+
+ + +
+
+ +
+
Roboto Cond. (sachlich) · Yanone (Community) · Akzentfarben für CTAs
+
+
+
Gesamtpalette
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
Community-Hub — FOERBICO × rpi-virtuell
+
+
+
🏠 Dashboard
+
💬 Diskussionen
+
📚 Materialien
+
🔬 Forschung
+
👥 Gruppen
+
🎪 relilab
+
📅 Veranstaltungen
+
⚙️ Einstellungen
+
+
+

Willkommen im Community-Hub

+
Religionspädagogik vernetzt denken, forschen, gestalten.
+
+
💬

Aktuelle Diskussionen

12 neue Beiträge zu „Digitale Konfirmandenarbeit“

+
📄

Neue Materialien

3 Open-Access-Publikationen diese Woche

+
🎪

relilab Event

Workshop „KI im Religionsunterricht“ am 20.02.

+
+
+
+
+
+
+ + +
+
+
04 — Zusammenfassung
+
Das Designsystem auf einen Blick
+ +
+
+
Yanone Kaffeesatz
+
Display · Headlines · Community
+
Die Stimme der Community. Emotionale Zugänge, lädt zum Mitmachen ein. Für alle großen Headlines und Community-Bereiche.
+
+
+
Roboto Condensed
+
Navigation · Labels · Subheadings
+
Das Rückgrat (FOERBICO-DNA). Kompakt, effizient. Für Navigation, Labels, Kategorien und sekundäre Überschriften.
+
+
+
Roboto Regular
+
Fließtext · Body · Beschreibungen
+
Die rpi-virtuell-Basis. Barrierefrei, exzellent lesbar. Die verlässliche Grundlage für alle Inhalte.
+
+
+ + +
+
+
Blau-Spektrum (Primär)
+
+
+
+
+
+
+
+
Von FAU-Dunkelblau über FOERBICO und die Fusionsmitte bis zu rpi-virtuell und relilab-Himmelblau.
+
+
+
Warm-Spektrum (Komplementär)
+
+
+
+
+
+
+
+
Amber Gold als Hub-Akzent, FOERBICO-Orange, relilab-Orange/Pink/Magenta für CTAs und Community-Events.
+
+
+
Einsatzregeln
+
+ ◼ Amber Gold: CTA-Buttons, Highlights
+ ◼ Pink: Community-Events, partizipativ
+ ◼ Magenta-Gradient: relilab-Inhalte
+ ◼ Mint: Erfolg, Fortschritt, Status +
+
+
+
+
+ + + +