██████╗ ██████╗ ██████╗ █████╗ ████████╗███████╗███╗ ██╗ ██╔══██╗██╔══██╗ ██╔═══██╗██╔══██╗╚══██╔══╝██╔════╝████╗ ██║ ██████╔╝██████╔╝████║ ██║███████║ ██║ █████╗ ██╔██╗ ██║ ██╔══██╗██╔══██╗▒▒██║ ██║██╔══██║ ██║ ██╔══╝ ██║╚██╗██║ ██████╔╝██████╔╝ ╚██████╔╝██║ ██║ ██║ ███████╗██║ ╚████║ ╚═════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚══════╝╚═╝ ╚═══╝
Beckerbillett misst seit 2003 jede Transaktion. Achtzig Jahre Druckerei, dreiundzwanzig Jahre Datenpunkte, ein einziger Stack ohne Akquisition, ohne Migration, ohne Tagesausfall, der nicht im Operations-Logbuch steht.
DATEN. ist Beckerbillett, von der Operations-Seite gelesen. Wir verkaufen keine „Daten-Plattform" — wir misstrauen Buzzwords. Aber jedes Beckerbillett-Ticket ist ein Datenpunkt, und seit 2003 sammeln wir sie still in einem System, das nie ausgefallen ist. DATEN. ist die einzige deutsche Operations-Stelle, die weiß, wie deutsche Häuser wirklich ausverkauft werden.
[brand] name = "Beckerbillett · DATEN" register = "brand" # marketing surface, not product posture = "operations-engineer" anti = ["saas-dashboard", "editorial-magazine", "data-esoterik"] [heritage] founded = 1946 # Druckerei. Hamburg. hardware = 1972 # Hardware-Werkstatt erste Etage. software = 2003 # Erstes Backend, kontinuierlich seitdem. datapoints = "23 Jahre, ohne Migration" [claim] primary = "Wir sind nicht data-driven. Wir sind data-survived." secondary = "Datenheit als Service — Häuser bekommen ihre eigenen Zahlen zurück." [vocabulary.use] nouns = ["datenpunkt", "transaktion", "aggregat", "auslastung", "vorverkaufskurve", "sparte"] verbs = ["messen", "zählen", "aggregieren", "vergleichen", "ausgeben"] anchors = ["seit 1946", "seit 2003", "hamburg", "ein stack-owner"] [vocabulary.banned] always = ["data-driven", "ai-powered", "smart", "insights", "big-data", "360°", "nahtlos", "holistisch"] note = "Wer 'insights' sagt, hat keine. Wir reden über Datenpunkte." [output] format = "CSV, JSON, PDF, Bonrolle" api = "REST, dokumentiert, ohne License-Modell" cta = "Datenpunkt-Demo anfragen"
Pure-Black ist die Bühne, Amber-Phosphor (#FFB000) ist das primäre Signal — CRT-Erbe, wärmer als Tailwind-Blau, technischer als jedes Marketing-Gelb. CD-Rot bleibt der Alarm-Akzent, CD-Dunkelblau die Akzent-Identität für den Markenanker. Keine Pastell, kein Grün als „healthy/positive"-Coding (außer als reines Status-OK).
Primärer Akzent. Lebt auf Lab-Black. Niemals als Fläche > 12 %. Markiert jetzt-aktive Datenpunkte und Prompt-Indikatoren.
CD-Rot + CD-Dunkelblau bleiben Pflicht-Anker. Konservative Kunden erkennen Beckerbillett über diese zwei Werte — auch in der dunklen Welt.
Grün/Gelb sind nicht Marken-Farben. Sie tauchen nur in Log-Output und Linter-Spans auf — als semantisches Coding, nicht als Akzent.
Pastell · Verläufe · neon-cyan · Tailwind-Slate (#94a3b8) · Material-Schatten · jede Form von „warm cozy gradient mesh".
DATEN. läuft auf einer einzigen Schrift: JetBrains Mono. Keine Display-Serif, keine Begleit-Sans, kein zweites Type-System. Hierarchie entsteht über Gewicht, Größe, Italic und Trackingsprünge — wie in einem echten Operations-Terminal. Single-family chosen deliberately, kein Reflex.
Beckerbillett betreibt seit 2003 ein durchgängiges Operations-System für Kassen, Druck und Backend. Häuser bekommen ihre Zahlen in Formaten, die ihre Controlling-Abteilungen lesen — ohne dritten Anbieter, ohne API-Lizenzmodell, ohne Datenexport-Wartezeit.
Das offizielle Beckerbillett-Logo bleibt unangetastet. In der DATEN-Welt lebt es auf Lab-Black, Pure-White, CD-Rot oder Amber-Phosphor. Es ist der einzige visuelle Anker, an dem konservative Kunden Beckerbillett sofort wiedererkennen — und damit die Versicherung, dass die Radikalität nicht in „andere Firma" kippt.
-rw-r--r-- 82K 2026-05-11 09:14 logo-icon.png # nur Icon · für eckige Container -rw-r--r-- 92K 2026-05-11 09:14 logo-rot.png # volle Wortmarke · Standard -rw-r--r-- 142K 2026-05-11 09:14 logo-mit-claim.png # mit Claim · seltener Einsatz drwxr-xr-x - 2026-05-11 09:14 ../ # quelle: Assets & Antworten/
on paper_whiteAuf Lab-Black, Paper-White, Amber oder CD-Rot. Mindestabstand zum Rand = Höhe des „B"-Tickets. Minimalhöhe Web 28 px, Print 18 mm.
Niemals auf Charts oder Daten-Visualisierungen platzieren. Niemals als „Daten-Indikator" missbrauchen (es ist Marke, nicht Symbol). Keine Glow-Effekte, kein CRT-Halo.
DATEN. spricht wie ein Operations-Engineer mit Verlagserbe: jede Behauptung mit Quelle, jede Zahl mit Einheit, jede Aussage mit Zeitstempel. Niemals „data-driven" sagen. Wir zeigen, statt zu behaupten.
was DATEN. zusammenhält, wenn ein dashboard skaliert oder ein report exportiert wird. drei axiome — als operations-anker auf der bühne. nicht verhandelbar.
jede zahl bekommt quelle und stand. „142 000 tickets/tag" → „142 000 tickets/tag · src: ops · 16.05.2026". daten ohne datum sind marketing.
23 jahre ohne migration, ohne akquisition. wir zeigen, statt zu behaupten. „insights" sagt nur wer keine hat.
„+2,8 % mom" schlägt „deutlich gestiegen". wenn die bewegung quantifizierbar ist, wird sie quantifiziert. einheit pflicht.
Wo WERK./SYSTEM./BILLETT. mit Photographie arbeiten, ersetzt DATEN. das Bildmaterial durch laufende Endpoints und Charts. Jede Sektion bekommt eine Visualisierung statt eines Stock-Photos. Die Charts unten sind Mockups mit echten Werten — die Live-Speisung kommt in Phase 4 aus der Beckerbillett-Operations-Datenbank.
Keine Wireframe-Icons, keine Stempel-Glyphen. DATEN.-Icons sind kleine Charts in ASCII / Box-Drawing: Sparkline, Bar, Dot, Gauge, Pulse, Trend. Amber-Phosphor markiert den jeweils aktiven Datenpunkt. Funktional, niemals Schmuck — wenn ein Icon ein Wort ersetzt, ist es das falsche Icon.
●
╱╲╱
╱
╱
█
█ █
█ █ █
█ █ █ █
· · ●
· ·
· ·
·
╭─╮
╱ ╲
│ █ │
╲___╱
●
╱│╲
╱ │ ╲
─ │ ─
↗
╱
╱
╱
4 × 4 Char-Grid · monospace · Amber-Phosphor markiert aktiven Datenpunkt · keine UI-Glyphen (Cog, Bell, Menu).
Keine SVG-Icons, keine 3D-Icons, keine Multicolor, keine animierten Icons, niemals dekorativ. Box-Drawing only — Schriftrendering muss sauber sein.
DATEN.-Patterns sind aus dem Daten-Vokabular gebaut: Hairline-Grid, sichtbare Baseline-Lineale, Amber-Signal-Blöcke und Anker-Blöcke in CD-Dunkelblau. Keine Texturen, keine Werkstoff-Streifen — alles, was nicht Datum, Wert oder Einheit ist, sind nur Trennlinien.
· · · · · · · · · · · · · · · · · ·
· · · · · · · · · · · · · · · · · ·
· · · · · · · · · · · · · · · · · ·
· · · · · ● · · · · · · · · · · ·
· · · · · · · · · · · · · · · · · ·
· · · · · · · · · · · · · · · · · ·
· · · · · · · · · · · · · · · · · ·
──────────────────────────────────
──────────────────────────────────
body-text liegt auf 24px-baseline
──────────────────────────────────
──────────────────────────────────
╔══════════════════════════╗
║ ║
║ 142.037 ║
║ tickets / heute ║
║ ║
╚══════════════════════════╝
┌──────────────────────────┐
│ $ bb.daten get │
│ --target=quote │
│ │
│ Wir zählen, was übrig │
│ bleibt. │
└──────────────────────────┘
Regeln: Char-Grid nur als Body-BG (subtil). Baseline-Ruler unsichtbar in Body, sichtbar in der Doku. Signal-Block max. 1× pro Seite. Anchor-Block für Footer / Pull-Quote.
DATEN. animiert nur das, was sich tatsächlich ändert: Live-Datenpunkte ticken, Charts zeichnen sich einmal beim Laden (linear, 600 ms), der Live-Marker auf der Trajektorie pulst. Keine Hover-Schnörkel, keine Scroll-Reveals, keine Spring-Physik. Daten flicker nicht — sie aktualisieren.
{ "prefers_reduced_motion": "absolute_priority", "transition_default": "100ms linear", "chart_reveal": "600ms linear · once · no-rerun", "ticker_tick": "4–5s interval · stepped · never smooth", "pulse_indicator": "1200–2400ms · ease-out", "cursor_blink": "1100ms steps(1)", "marquee": "80s linear · loop · pausable on hover", "banned": [ "spring", "bounce", "elastic", "overshoot", "scroll-reveal", "parallax", "hover-glow", "animated-numbers-as-decoration" ] }
DATEN. ist die radikalste Richtung — sie kippt schnell in „SaaS-Dashboard-Generic" oder „Daten-Esoterik", wenn die Disziplin fehlt. Diese Liste hängt im Studio. Jede Verletzung lässt die Sektion neu bauen, auch wenn sie technisch funktioniert.
Drei Beispielseiten in dieser Markenrichtung — Startseite, Lösungen, Branchen. Klick rein, wenn du sehen willst, wie das Konzept als echte Website wirkt. Anschließend kannst du unten Feedback geben.
sieben aspekte. dreistufig: passt / neutral / passt nicht. kommentar optional. submit öffnet dein mailprogramm. textcopy als fallback. deine eingaben bleiben in localStorage — kein backend, keine cookies, kein tracking.