Designvorgaben · verständlich erklärt

Warum unser Auftritt so aussieht — und wie du ihn triffst.

Diese Seite erklärt das Corporate Design der BBS II Göttingen in Ruhe und ohne Fachjargon. Du musst kein:e Grafiker:in sein: Wenn du die paar Grundregeln auf dieser Seite kennst, sieht alles, was du für die Schule erstellst, automatisch „nach BBS II" aus.

FÜR WENAlle Kolleg:innen
LESEDAUERca. 8 Minuten
VERSION1.0 · „Option A"

Die Grundidee

Präzision, die nicht kalt wirkt

Wir sind eine Schule für Technik und Gestaltung. Unser Design soll daher technisch-präzise wirken — wie eine gute Konstruktionszeichnung — aber gleichzeitig nahbar bleiben, weil die Schüler:innen im Mittelpunkt stehen. Drei einfache Prinzipien sorgen dafür.

PRINZIP 01

Konstruiert, nicht verziert

Klare Linien, ein festes Raster, eine technische Schrift. Wir verzichten auf Effekte wie Glanz, Schatten oder Verläufe im Logo. Form folgt Funktion.

PRINZIP 02

Ein System, viele Gewerke

Zehn Berufsfelder, ein gemeinsamer Look. Logo, Blau, Schrift und die Gewerke-Icons verbinden alles — egal ob Metall-, Holz- oder Informationstechnik.

PRINZIP 03

Menschen zuerst

Echte Fotos, echte Geschichten, die Du-Ansprache. Unser Claim bringt es auf den Punkt: „Dein Neustart. Dein Beruf. Deine Zukunft."

Farben

Ein Blau, ein Akzent — mehr nicht

Früher waren mindestens fünf verschiedene Blautöne im Umlauf. Das ist vorbei. Es gibt jetzt ein verbindliches Schulblau und eine Signalfarbe. Diese Beschränkung ist kein Mangel — sie ist der Grund, warum alles zusammengehörig wirkt.

Marke
Marineblau#0F2A43Überschriften, dunkle Flächen
Primär
Stahlblau#2D6C9FLinks, Icons, aktive Elemente
Akzent
Amber#E2811FSparsam: Buttons, Nummern
Fläche
Hellblau#EAF1F7Karten, Tabellenköpfe
Faustregel: Blau trägt fast alles. Amber ist das „Ausrufezeichen" — nur dort, wo der Blick zuerst hinsoll (ein Button, eine Nummer, ein wichtiger Hinweis). Wer Amber sparsam einsetzt, macht es stark.

Schrift

IBM Plex — unsere Stimme

Wir nutzen durchgängig die Schriftfamilie IBM Plex. Sie wirkt modern und technisch, ist aber gut lesbar — und sie ist kostenlos. Zwei Varianten reichen für alles.

IBM PLEX SANS · für Überschriften und Fließtext

Technik & Gestaltung

Regular Medium SemiBold Bold
IBM PLEX MONO · für Kürzel, Zahlen, Maße und Labels
MT · WST · AB 03  |  ↤ 210 mm ↦  |  SEITE 01 / 02
In Word oder PowerPoint? Am besten IBM Plex einmalig installieren (kostenlos). Ist die Schrift nicht vorhanden, springt automatisch Calibri/Segoe UI ein — das Layout bleibt trotzdem heil. Überschriften stehen übrigens in SemiBold (600), nicht im schwersten Schnitt — das wirkt ruhiger.

Der besondere Kniff

Die „Blueprint"-Details

Das ist die geheime Zutat, die unseren Auftritt unverwechselbar macht: kleine Anleihen aus der technischen Zeichnung. Feine Rasterlinien, Eckwinkel, Maßangaben und Mono-Kürzel. Wichtig: als Würze, nicht als Tapete — ein bisschen davon wirkt viel.

MT · WST · AB 03 ↤ 210 mm ↦ SEITE 01 / 02 M 1:1 ● AKZENT

Eckwinkel · Mono-Kürzel · Maßmarken · feines Raster · Diagonalstreifen

Dokument-Kürzel verstehen: MT · WST · AB 03 heißt „Metalltechnik · Werkstoffkunde · Arbeitsblatt 03". So ist jedes Material auf einen Blick einsortierbar.

Gewerke-Icons

Zehn Berufsfelder, ein Stil

Unser eigenständigstes Markenzeichen: ein Icon je Berufsfeld, alle im selben Strichstil. Sie verbinden die ganze Vielfalt der Schule sichtbar — auf der Website, im Flyer und in der Mail-Signatur.

Informationstechnik
Elektrotechnik
Metalltechnik
Bautechnik
Holztechnik
Farbtechnik
Gestaltungstechnik
Druck & Medien
NW-techn. Berufe
Zahntechnik

Bausteine

Die wiederkehrenden Elemente

Diese kleinen Bausteine tauchen überall auf. Du musst sie nicht selbst bauen — sie stecken bereits in den Vorlagen. Hier nur zum Wiedererkennen.

Buttons
Jetzt anmeldenMehr erfahrenAnsehen
Abschnitts-Marken (Badges)
AUFTRÄGEM1QUELLE
Kicker (Sektions-Label)

Metalltechnik · Werkstoffkunde

Karte
Metalltechnik

Kurzer Beschreibungstext.

Zum Mitnehmen

Die wichtigsten Regeln auf einen Blick

Wenn du dir nur eine Sache merkst, dann diese Liste. Damit liegst du in 95 % der Fälle richtig.

✓ So ja

  • Nur die definierten Blautöne + Amber als einzige Akzentfarbe
  • IBM Plex Sans & Mono (oder den Fallback)
  • Logo flach, auf weißem Feld über Dunkel
  • „BBS II Göttingen" mit römischem II
  • Blueprint-Details sparsam als Würze
  • Foto-Platzhalter klar kennzeichnen
  • Lernende mit „Du" ansprechen, neutral statt gendern

✕ So nicht

  • Keine fremden Blautöne, keine weiteren Akzentfarben
  • Kein altes Glanz-Logo, keine Logo-Effekte
  • Keine Office-Standard-Vorlagen (Calibri-Default)
  • Kein Fließtext unter 9 pt (Druck) bzw. 28 px (Folie)
  • Amber nicht für kleinen Text auf Weiß
  • Das Raster nicht flächendeckend „als Tapete"
  • Den Namen nicht als „BBS 2" schreiben

Für Profis & Dienstleister

Du brauchst die exakten Werte?

Alle HEX-Codes, pt-Größen, Maße und CSS-Token stehen in der ausführlichen technischen Referenz design.md — ideal für Druckereien und Webagenturen.

◂ Zurück zum Handbuch