diff --git a/docs/farbkarte.html b/docs/farbkarte.html new file mode 100644 index 0000000..e8e14c9 --- /dev/null +++ b/docs/farbkarte.html @@ -0,0 +1,469 @@ + + + + + +Farbfusion – FOERBICO × rpi-virtuell | Community-Hub + + + + + +
+
+
Farbfusion & Typografie-Konzept
+

FOERBICO × rpi-virtuell
Community-Hub

+

Farbanalyse, Schrift-DNA und Gestaltungsideen fuer einen modernen, wissenschaftlich-serioesen Community-Hub – basierend auf den typografischen Grundlagen beider Institutionen.

+
+
+ + +
+
+
01 — Institutionsfarben
+
Farbkarte der Partnerinstitutionen
+ +
+
rpi-virtuell
#0072AA
+
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. Sehr seriös, universitär.
+
Balanced Blue
#1A5699
Ausgewogene Mitte. Vereint Seriosität und Offenheit.
+
Open Community
#185C9C
Leicht heller. Zugänglich, einladend, digital.
+
Teal Shift
#10547E
Richtung Petrol. Modern, technisch, zukunftsgewandt.
+
+
+
+
+ + +
+
+
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: wissenschaftlich fundiert, digital zugänglich, gemeinschaftlich offen.

+
+ +
+ +
+
FOERBICO
+
Roboto Condensed
+
Forschung &
Bildung
+
Kompakt. Effizient. Akademisch.
+
Schmal und platzsparend – ideal für Labels, Navigation, Metadaten. Transportiert wissenschaftliche Kompetenz und institutionelle Seriosität. Condensed-Schnitte wirken faktisch und objektiv.
+
+ Light 300 + Regular 400 + Bold 700 +
+
+ + +
+
rpi-virtuell
+
Roboto
+
Digital &
Zugänglich
+
Klar. Lesbar. Vertraut.
+
Die Grundschrift – bewährt im digitalen Raum, hervorragend lesbar in allen Größen. Roboto als Body-Schrift garantiert Barrierefreiheit und Nutzerfreundlichkeit. Die gemeinsame Familie mit Condensed schafft visuelle Kohärenz.
+
+ Light 300 + Regular 400 + Medium 500 + Bold 700 +
+
+ + +
+
Community
+
Yanone Kaffeesatz
+
Gemeinsam
Gestalten
+
Offen. Einladend. Lebendig.
+
Display-Schrift mit Persönlichkeit – handwerklich-warm, aber modern. Yanone Kaffeesatz bricht die akademische Strenge auf und signalisiert: hier ist Platz für Menschen, nicht nur für Papiere. 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 durch digitale Medien erfordert neue theoretische Rahmungen und empirische Zugänge.
+
+
+ H1: Roboto Condensed Bold + Meta: Roboto Condensed Light + Body: Roboto Light +
+
+ +
+
+
Gemeinsam Bildung neu denken
+
Community-Hub · Diskussion
+
Treten Sie dem Netzwerk bei und teilen Sie Ihre Erfahrungen mit Kolleg:innen aus Forschung, Lehre und kirchlicher Praxis.
+
+
+ H1: Yanone Kaffeesatz Regular + Meta: Roboto Condensed Medium + Body: Roboto Regular +
+
+ +
+
+
Open-Access-Materialien
+
Konfirmandenarbeit 4.0
+
Kuratierte Unterrichtsentwürfe, Forschungsergebnisse und Praxisberichte – frei verfügbar für die Community.
+
+
+ H1: Yanone Kaffeesatz Light + H2: Roboto Condensed Bold + Body: Roboto Light +
+
+
+
+ + +
+
Typografische Skala — Community-Hub
+
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
Veröffentlicht am 12.02.2026 · 5 Kommentare · Open Access
+
Label
Forschungsbericht · Praxismaterial · Community
+
Code / Meta
v2.4.1 · API-Endpunkt · #1A5699
+
+
+
+
+ + +
+
+
03 — Gestaltungsideen
+
Vier Konzeptrichtungen für den Community-Hub
+ +
+
+
+
+ Netzwerk +
+
+

Connected Minds

+

Netzwerk-Metapher als zentrales Designelement. Yanone Kaffeesatz als Display-Schrift schafft den einladenden Einstieg, Roboto Condensed strukturiert die Metadaten darunter. Dezente Animationen zeigen lebendigen Austausch.

+
Netzwerk-GrafikDark ModeAnimiert
+
+
+ +
+
+
Forschung
Bildung
Community
Praxis
+
+
+

Knowledge Layers

+

Roboto Condensed Bold in den Layern vermittelt Struktur und Systematik (FOERBICO-DNA). Die Hierarchie von Forschung bis Praxis spiegelt den Wissenstransfer – die Schriftgewichte werden dabei bewusst leichter.

+
Layer-SystemLight ModeHierarchie
+
+
+ +
+
+
CHCommunity Hub
+
+
+

Gradient Identity

+

Das Logo-Signet setzt Yanone Kaffeesatz als Markenzeichen ein, der Untertitel in Roboto Condensed verankert die institutionelle Zugehörigkeit. Fließender Gradient aus beiden Quellfarben mit Glasmorphismus.

+
GradientGlassmorphismBranding
+
+
+ +
+
+
+
+
+

Mosaic Grid

+

Modulares Kachelsystem in allen Partnerfarben. Roboto für Fließtexte sichert Lesbarkeit, Yanone Kaffeesatz-Headlines schaffen Wiedererkennbarkeit. Skaliert vom Desktop-Dashboard bis zur Mobile-Ansicht.

+
MosaicModularResponsive
+
+
+
+ + +
+
+

UI-Elemente & Buttons

+
+
+
+
Button-Stile
+
+ + + +
+
+ +
+
Roboto Condensed (sachlich) vs. Yanone Kaffeesatz (Community)
+
+
+
Farbpalette — erweitert
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+ Community-Hub — FOERBICO × rpi-virtuell +
+
+
+
🏠 Dashboard
+
💬 Diskussionen
+
📚 Materialien
+
🔬 Forschung
+
👥 Gruppen
+
📅 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

+
📅

Nächster Termin

Virtuelles Kolloquium am 18.02. um 16:00

+
+
+
+
+
+
+ + +
+
+
04 — Zusammenfassung
+
Schrift-Rollen im System
+ +
+
+
Yanone Kaffeesatz
+
Display · Headlines · Community
+
Die Stimme der Community. Schafft emotionale Zugänge, lädt zum Mitmachen ein. Wird für alle großen Headlines, Seitentitel und Community-spezifische Bereiche eingesetzt.
+
+
+
Roboto Condensed
+
Navigation · Labels · Subheadings
+
Das strukturgebende Rückgrat. Erbt die FOERBICO-DNA: kompakt, effizient, wissenschaftlich. Kommt in Navigation, Labels, Kategorien und sekundären Überschriften zum Einsatz.
+
+
+
Roboto Regular
+
Fließtext · Body · Beschreibungen
+
Die rpi-virtuell-Basis für alles Lesbare. Bewährt im digitalen Raum, barrierefrei und in allen Größen exzellent lesbar. Die verlässliche Grundlage des Systems.
+
+
+
+
+ + + + +