Röttgersbach — Wir sind Anne.
Verbindliche Design-Vorgabe für alle Dokumente, Projekte und Dateien der AFG — abgeleitet direkt von der Schul-Website wir-sind-anne.de. Markenwerte: Vielfalt. Verbundenheit. Verantwortung. Diese Seite ist zugleich als Vorlage für Claude Design angelegt (Tokens am Ende).
Logo
Das Logo verbindet die Wortmarke (Ubuntu, in Markengrün) mit einem dynamischen geometrischen Bildzeichen — einer schreitenden Figur aus grünem Körper, rotem Fuß und blauem Bein. Es steht für Aufbruch und Bewegung.
✔ Richtig verwenden
- Auf Weiß oder sehr hellem Hintergrund (Mist #ECF0F5).
- Schutzraum: mind. die Höhe des „A" ringsum frei lassen.
- Mindestbreite ca. 120 px / 32 mm, damit „Röttgersbach" lesbar bleibt.
- Immer proportional skalieren.
✗ Nicht tun
- Nicht verzerren, drehen oder umfärben.
- Keine Effekte (Schatten, Outline, Verlauf).
- Nicht auf unruhige Fotos ohne Fläche legen.
- Bildzeichen und Wortmarke nicht beliebig trennen.
Farbpalette
Grün ist die Leitfarbe. Blau und Rot sind sparsame Akzente (v. a. im Bildzeichen und im Hexagon-Motiv). Neutrale tragen Text und Flächen.
Typografie
Eine einzige Schrift für alles: Ubuntu (Google Fonts, kostenlos). Fallback: Arial. Klar, freundlich, gut lesbar — passt zum offenen Schulprofil.
Bildmarke: Das Hexagon-Motiv
Das wiederkehrende Gestaltungselement der Marke ist das Sechseck — einzeln als Akzent oder im Cluster (grün/blau/rot). Fotos werden häufig in Hexagon-Form maskiert. Das Motiv liegt editierbar als hexagon-motif.svg bereit.
Einsatz
- Als dezenter Akzent in Ecken & Hintergründen (niedrige Deckkraft).
- Als Foto-Maske (Bilder in Sechseck-Form beschneiden).
- Als Aufzählungs-/Icon-Rahmen.
- Cluster immer in Markenfarben, nie bunt gemischt darüber hinaus.
Grundform: flat-top Sechseck. Frei skalier- und umfärbbar (SVG).
Komponenten
Wiederkehrende Bausteine für Dokumente, Slides und Web — alle aus den Tokens ableitbar.
Karten-Titel
Karte mit weichem Schatten, Radius 12px, Hexagon-Icon in Markengrün.
Akzent-Karte
Farbige Oberkante als Akzent (Blau/Rot je nach Kategorie).
Bildsprache
Authentische Fotos aus dem Schulleben und die Architektur des Neubaus — hell, offen, echt. Häufig in Hexagon-Form maskiert. (Vorschau lädt online von der Schul-Website; alle URLs im asset-manifest.md.)
Design-Tokens & Übertragung auf Claude Design
Diese Tokens sind die maschinenlesbare Vorgabe. Kopiere sie in Claude Design, ins nächste Dokument oder in Code — so bleibt jedes AFG-Projekt markenkonform.
:root{
--afg-green:#01AF51; --afg-green-alt:#1FAF51;
--afg-blue:#4F6BFF; --afg-red:#FE0000;
--afg-ink:#212529; --afg-gray:#6E7175;
--afg-mist:#ECF0F5; --afg-white:#FFFFFF;
--afg-font:'Ubuntu',Arial,sans-serif;
--afg-radius:12px; --afg-radius-pill:999px;
--afg-shadow:0 4px 14px rgba(33,37,41,.08);
}
/* Schrift: Ubuntu 400/500/700 · Motiv: flat-top Sechseck
Verteilung: Grün dominant · Neutrale für Text · Blau/Rot als Akzent */