Beckerbillett · Werkhalle № 01

PG 02 / 12 · Schicht 01 · Werkbank / atomic-level 04 TEMPLATES

01Schicht · Werkbank

WERK. — die ehrliche Hand.

Industriell, handwerklich, anti-SaaS. WERK. erzählt Beckerbillett vom Werkstoff her: Papier, Druckwalze, Tastatur, Kassenbon. Wer „all-in-one" sagt, klingt billig — wir reden von Walzen, Schichten, Auflagen.

// Markenkern

Beckerbillett ist eine Werkstatt mit Software-Etage. Wir drucken seit 1946 Tickets und bauen die Kassen, die sie verkaufen.
Wir liefern nicht „Lösungen", wir liefern Werkzeuge. Sie bestehen aus Papier, Hardware und Code — meistens aus allen drei gleichzeitig.
Vertikal integriert heißt: ein Ansprechpartner pro Haus. Vom Bonrollen-Nachschub bis zum API-Endpoint.

// Charakter-Vokabular

Werkstoff · Werkbank · Auflage · Walze · Schicht · Bogen · Sortiment
Drucken · Bauen · Liefern · Warten · Auswechseln
Seit 1946 · Hamburg · vor Ort · ein Anruf

Wir liefern keine „Lösungen". Wir liefern Werkzeuge — meistens aus Papier, Hardware und Code gleichzeitig.

PG 03 / 12 · Schicht 02 · Materialprobe / atomic-level 01 ATOMS · color tokens

02Schicht · Materialprobe

CD-treu mit Werkstoff-Erdung.

Offizielle Beckerbillett-CD-Farben (Briefing 2026-05-13) plus zwei Werkstoff-Off-Whites als Atmosphären-Anker. Rot ist Signal, nicht Dekoration.

Probe № P-01CD-Rot#E33539

Primary · Signal

P-02Rot-Tief#B82026

Hover

P-03Dunkelblau#102045

Secondary

P-04Hellblau#2E4577

Tertiary

P-05Werkstoff#F4F2EE

Atmo · Stoff

P-06Bogen-Papier#EDE9E0

Atmo · Papier

P-07Industrieschwarz#1A1A1A

Ink · Text

P-08Grau-200#C8C5BE

Neutral · Soft

// CD-Rot

Primary · Signal — für CTAs, Eyebrows, Hairline-Akzente. Niemals als Fläche > 25 %.

// CD-Dunkelblau

Secondary · Autorität — für Ink-Sektionen, Footer, Quote-Bänder.

// Werkstoff

Atmosphäre — Standard für Hero-/Section-Hintergründe. Niemals Text-Träger.

// Verboten

Orange · Grün · Pastell · Gradients · Verlauf-Hintergründe.

PG 04 / 12 · Schicht 03 · Letternkasten / atomic-level 01 ATOMS · type tokens

03Schicht · Letternkasten

Michroma. Barlow. JetBrains Mono.

Michroma trägt das Logo-Gefühl in jede Headline. Barlow Condensed nähert sich der CD-Body-Schrift Univers LT 47. JetBrains Mono ist der Werkstoff-Label-Code.

// Display

familyMichroma

weight400

tracking−2 %

caseUPPER

WERK.

Hero · Section-Headlines · Spec-Zahlen

// Subhead

familyMichroma

weight400

tracking−1 %

Ein Anruf. Drei Werkstoffe.

H2 · Sektions-Überschriften

// Body

familyBarlow Condensed

weight300 Light

line-h1.55–1.65

max-width60ch

Beckerbillett baut seit 1946 Druckereitechnik, Kassen und Software für Häuser, die Eintritt verkaufen. Vom Stadttheater bis zum Science Center: ein Ansprechpartner, eine Werkbank, eine Lieferkette.

Body 18–20 px · Lead bis 24 px · max. 60ch Zeilenlänge

// Caption · Mono

familyJetBrains Mono

weight500 Medium

tracking+18 %

caseUPPER

№ 80 · Werkstoff · Hamburg seit 1946

Mastheads · Eyebrows · Photo-Captions

PG 05 / 12 · Schicht 04 · Markenstempel / atomic-level 01 ATOMS · logo

04Schicht · Markenstempel

Das offizielle Logo
bleibt unangetastet.

Rot-„B"-Ticket-Icon + Dunkelblau-Italic-Wortmarke. Konstant über alle vier Bände. WERK. zeigt es auf werkstoffigen Untergründen, niemals auf Farbverläufen.

on Paper

on Werkstoff

Icon · on Blau

Icon · on Ink

// Anwendung

Mindestabstand zum Rand = Höhe des „B"-Tickets.
Auf Werkstoff oder Weiß bevorzugt verwenden.
Minimalhöhe Web 28 px, Print 18 mm.
Icon-only-Variante nur in eckigen Containern (Header-Avatar, Favicon).

// Ausschluss

Logo nicht auf Farbverlauf oder Foto-Hintergrund platzieren.
Wortmarke nicht in andere Farbe als CD-Dunkelblau einfärben.
Italic-Wortmarke nicht zu Roman ändern.
Kein Reflex, kein Schatten, keine Outline.

PG 06 / 12 · Schicht 05 · Werkbankheft / atomic-level 01 ATOMS · voice tokens

05Schicht · Werkbankheft

Werkmeister, der gut erklärt.

WERK. spricht wie ein Maschinenbauer mit Theaterabo: handwerklich präzise, ohne Stolz auf Komplexität. Wir benennen das Werkzeug, nicht den „Mehrwert".

5 Voice-Prinzipien

Verb vor Adjektiv. „Wir drucken" schlägt „leistungsstarke Drucklösung".
Konkretes Werkzeug nennen. Walze, Bonrolle, Tastatur — nicht „Komponente".
Jahreszahl als Demut. 1946, 1972, 2003 — Geschichte zählt, nicht wir.
Ein Anruf, kein Funnel. Telefonnummern statt „Customer Journeys".
Sag „Wir", nicht „Beckerbillett". Außer im Footer.

Verbrannte Wörter

Lösung für all-in-one seamless nahtlos Plattform für Maßstab neu gedacht Headless KI-gestützt 360° Ecosystem State of the Art

Headline · Hero▶ vorschlag · bitte prüfen

Tickets. Kassen. Walzen.

Beckerbillett liefert seit 1946, was Häuser brauchen, die Eintritt verkaufen — vom Bogen Papier bis zur API. Aus einer Werkhalle in Hamburg.

Probe № 01

Tonalität: Hand
Länge: 32 W

Branche · Theater▶ vorschlag · bitte prüfen

Für Theater, die wissen, was eine Walze ist.

Wir kennen Ihre Abo-Phasen. Wir kennen die Premiere-Hektik. Und wir liefern die Bonrollen, bevor sie ausgehen.

Probe № 02

Tonalität: Vertrauen
Länge: 24 W

About▶ vorschlag · bitte prüfen

80 Jahre. Eine Werkhalle. Drei Etagen.

Im Erdgeschoss steht die Druckerei. Im ersten Stock die Hardware-Werkstatt. Im zweiten Stock die Software-Etage. Wer bei Beckerbillett anruft, landet nicht in einer Hotline, sondern in einem Werkstoffkreislauf.

Probe № 03

Tonalität: Raum
Länge: 42 W

CTA-Set▶ vorschlag · bitte prüfen

Musterticket bestellen

Musterticket bestellen → Demo anfragen → Rückruf vereinbaren →

Probe № 04

CTA-Hierarchie
Primär · Sek · Tert

PG 07 / 12 · Manifest · Signal-Plate / atomic-level 04 TEMPLATES · governance

SSub-Plate · Manifest

Drei Sätze, die alles
tragen.

Was WERK. zusammenhält, wenn die Disziplin wackelt. Drei Sätze — auf der Werkbank ausgehängt, nicht im Brand-Book vergraben.

// 01Werkzeug statt Lösung.

Wir liefern Walzen, Bonrollen, Code. Keine „Plattformen", keine „Solutions". Wenn es ein konkretes Werkzeug gibt, nennen wir es beim Namen.

// 02Jahreszahl statt Pathos.

1946, 1972, 2003. Drei Jahreszahlen, die rhythmisch wiederkehren. Wir lassen die Geschichte zählen — nicht uns selbst.

// 03Ein Anruf, kein Funnel.

Telefonnummern statt „Customer Journeys". Wer bei Beckerbillett anruft, landet bei der Werkbank, nicht in einer Hotline.

PG 07 / 12 · Manifest · drei Sätze als WERK-Anker → 08 / Schicht 06 · Materialschrank

PG 08 / 12 · Schicht 06 · Materialschrank / atomic-level 03 ORGANISMS · composed media

06Schicht · Materialschrank

Werkstoff. Hände. Maschine.

Wir zeigen das, was die Wettbewerber wegretuschieren: Walzen, Stapel, Bonrollen, Hände auf Tastatur, Kassenbon im Schlitz. Niemals KI-Bilder, niemals Hochglanz-Mockups auf Marmor.

DO · Werkhalle · Tageslicht

Bonrollen-Stapel

Kassen-Tastatur

Ticket-Bogen

Marmor-Studio-Mockup

// Anwendung

Werkstoff im Bild zeigen — Papier, Plastik, Metall.
Hände bei der Arbeit, niemals statisches Porträt.
Vor-Ort-Aufnahmen (Theater-Kasse, Druckerei-Werkbank).
Tageslicht, natürlich, leichte Werkstoff-Kratzer erlaubt.
Detail-Crops über Totale.

// Ausschluss

Keine Stock-Fotografie · keine KI-Generierung.
Keine Team-Fotos auf „Über uns" (Briefing-No-Go).
Keine Marmor-/Holz-Studio-Mockups.
Keine zusammenhanglosen Bilder.
Keine perfekten Pose-Inszenierungen.

PG 09 / 12 · Schicht 07 · Werkzeugleiste / atomic-level 01 ATOMS · icon tokens

07Schicht · Werkzeugleiste

Technische Zeichnung,
kein App-Tile.

Stroke 1.5 px, 24 × 24 Grid, eckige Enden (square caps), keine Rundungen außer wo das Objekt rund ist. Wirkung: Werkstattzeichnung, nicht App-Store.

// Spec

Grid 24 × 24 (auch 48 × 48 für Hero-Icons).
Stroke 1.5 px · square caps · square joins.
Keine Fills, außer als Akzent-CD-Rot.
Quelle: Phosphor „Line"-Set oder Lucide mit Stroke-Override.

// Ausschluss

Keine 3D-Icons · keine Schatten · keine Gradients.
Keine Round-Caps oder Round-Joins.
Keine Emoji-style-Icons (Color-fill Multicolor).

PG 10 / 12 · Schicht 08 · Konstruktion / atomic-level 02 MOLECULES · pattern composites

08Schicht · Konstruktion

Werkstoff-Stripe. Perforation.
Signal-Block.

Drei Grafik-Elemente machen WERK. wiedererkennbar — aber nur als seltene Akzente, niemals als Wallpaper unter Body-Text. Plus ein unsichtbares Baseline-Grid für den Werkbank-Rhythmus.

P-0145° · seltener Akzent

Werkstoff-Stripe

P-02CD-Rot · 14/12 px

Perforations-Linie

P-03CD-Rot Vollfläche

Signal-Block

P-0424 px · unsichtbar

Baseline-Grid

// Anwendungsregeln

Werkstoff-Stripe: nur als Hero-Akzent oder Stand-In-Bildkachel. Max. 1× pro Seite, niemals unter Body-Text. (Hero dieser Seite bricht diese Regel bewusst — als Demonstration.)
Perforation: nur bei thematischem Bruch zwischen Sektionen, oder als Detail in einer Ticket-Mockup-Section.
Signal-Block: max. 1× pro Seite, als Quote-Hintergrund oder CTA-Akzent.
Baseline-Grid: unsichtbar, aber konsequent — Text liegt auf 24-px-Baseline für Werkbank-Rhythmus.

PG 11 / 12 · Schicht 09 · Maschinentakt / atomic-level 02 MOLECULES · motion composites

09Schicht · Maschinentakt

Walze, nicht Werbung.

Bewegung in WERK. ist kurz, mechanisch, nie federnd. Kein Bounce, kein Easing-elastic. Wir simulieren keine Magie — wir simulieren eine Werkstattlampe, die angeht.

// Duration

160 ms

Standard für Hover, Underline, Border-Change. Maximum 240 ms für Section-Reveals.

// Easing

cubic-bezier(0.25, 0.46, 0.45, 0.94)

Linear oder Ease-Out. Niemals Ease-in-out mit Overshoot. Niemals Spring.

// Trigger

×0

Keine Auto-Play-Animationen beim Scroll. Bewegung folgt User-Aktion. Reduced-motion: 0,01 ms.

PG 12 / 12 · Schicht 10 · Ausschluss / atomic-level 04 TEMPLATES · governance

10Schicht · Ausschluss

Was WERK. niemals ist.

Diese Liste hängt im Studio. Wer einen Punkt verletzt, muss die Sektion neu bauen — auch dann, wenn sie technisch funktioniert.

Visuell — Ausschluss

Keine Orange- oder Grün-Akzente (Abgrenzung gg. bookingkit / toucantix).
Keine Gradient-Hintergründe — Marke besteht aus flachen Werkstoff-Feldern.
Werkstoff-Stripe niemals als Wallpaper unter Body-Text. (Hero-Ausnahme dokumentiert.)
Keine offensichtlichen KI-Bilder oder Stock-Photos.
Keine Team-Fotos auf „Über uns".
Keine Round-Corner größer als 2 px.
Keine Hover-Schatten · keine Glow-Effekte.

Sprache — Ausschluss

Keine SaaS-Floskeln: „nahtlos / seamless / all-in-one / Lösung für / 360°".
Keine Heldengeschichten über Beckerbillett — Heldin ist immer der Kunde.
Keine Adjektiv-Stapel („modern, intuitiv, leistungsstark").
Keine Frage-Headlines („Möchten Sie …?").
Keine „seit Generationen"-Floskeln — wir geben die Jahreszahl.

PG 12 / 12 · Ende der Schichten · Werkhalle vollständig → Lieferschein · Werkbuch-Übergabe

Werkstoff-Inventar.

WERK. — die ehrliche Hand.

// Markenkern

// Charakter-Vokabular

CD-treu mit Werkstoff-Erdung.

// CD-Rot

// CD-Dunkelblau

// Werkstoff

// Verboten

Michroma. Barlow. JetBrains Mono.

Das offizielle Logobleibt unangetastet.

// Anwendung

// Ausschluss

Werkmeister, der gut erklärt.

5 Voice-Prinzipien

Verbrannte Wörter

Drei Sätze, die allestragen.

// 01Werkzeug statt Lösung.

// 02Jahreszahl statt Pathos.

// 03Ein Anruf, kein Funnel.

Werkstoff. Hände. Maschine.

// Anwendung

// Ausschluss

Technische Zeichnung,kein App-Tile.

// Spec

// Ausschluss

Werkstoff-Stripe. Perforation.Signal-Block.

// Anwendungsregeln

Walze, nicht Werbung.

// Duration

// Easing

// Trigger

Was WERK. niemals ist.

Visuell — Ausschluss

Sprache — Ausschluss

So sähe diese Richtung im Web aus

Was sagst du zu dieser Richtung?

Erster Eindruck

Konzept & Idee

Farben

Schriften

Aufbau & Lesbarkeit

Sprache & Tonalität

Gesamteindruck

Das offizielle Logo
bleibt unangetastet.

Drei Sätze, die alles
tragen.

Technische Zeichnung,
kein App-Tile.

Werkstoff-Stripe. Perforation.
Signal-Block.