·MarkeDemo

Auswahl·Übersicht·Wege·Über

Marke und Designsystem

Die Werte stammen aus DESIGN.md und web/src/routes/layout.css. Diese Seite zeigt sie, sie definiert sie nicht.

1. Farben

  • paper --paper Ground
  • ink --ink Text, 2px and 1px rules
  • mute --mute Notes, Quelle lines
  • rule --rule Non-text structure
  • hair --hair Row rules (decorative)
  • band --band Citation band, notices
  • blue --blue The apparatus: rules, numbers, links
  • blue-ink --blue-ink Hover of blue
  • destructive --destructive Destructive variant only
  • placeholder --placeholder Undecided configuration (dev)

2. Schrift

Bonns Mängelmelder, belegbar

Tabelle und Abschnitt: Serif 600

1.306

Quelle: Open Data Stadt Bonn – Mängelmelder (Open311), Lizenz CC0 1.0. Datenstand 11.10.2026.

Fließtext in Source Sans 3, 17px, maximal 70 Zeichen je Zeile. Zahlen sind tabellarisch.

Kurzfassung

Fußnote oder Quelle: 7,2 % – Zeichenerklärung wie in Tabellen.

3. Schaltflächen

Eine gefüllte Aktion pro Kontext. Alle anderen sind Umrandung oder Geist.

Tabelle 1. Meldungen nach Ortsteil und Status

OrtsteilMeldungenAbgeschlossen
Beuel-Mitte41238
Bad Godesberg-Zentrum28761
Hardtberg-Süd96–

– nichts vorhanden. Beispielwerte, keine Daten. Quelle: Open Data Stadt Bonn, Datenstand 11.10.2026, 08:15 Uhr.

4. Hinweis

Gemeldet ist, wo Menschen gemeldet haben. Das belegt keinen Mangel vor Ort.

5. Logo

Dateien in web/static/brand/. Die Schwarz-Varianten für Druck und Kopierer, die farbigen nur auf Papier. Schutzraum: die Höhe der blauen Regel.

  • Wordmark, Farbe Wordmark, Farbe
  • Wordmark, Schwarz (Druck) Wordmark, Schwarz (Druck)
  • Wordmark auf Band Wordmark auf Band
  • Zeichen, Farbe Zeichen, Farbe
  • Zeichen, Schwarz (Druck) Zeichen, Schwarz (Druck)
  • Favicon Favicon