build momentum.
Nach der Schule von Zürich, Basel und Ulm — after the Swiss International Typographic Style. Dieses Buch ist kein PDF über eine Website: dieses Buch ist die Website. This book is not a PDF about a website; the book is the website.
Takt.
Ein Programm für gemessene Bewegung.
A programme for measured momentum.
Scrollen Sie im Takt — scroll on the beat ↓
02Inhalt / Contents
momentum media solutions — takt
Inhalt / Contents
Eine Seite, endlos gesetzt / one page, set endlessly · Raster mit 12 Spalten, fluid · Grundlinie 4 px · Takt 120 ms · gesetzt in MM Grotesk (Inter Tight) · alle Figuren als Vektor oder CSS auf dem Raster gezeichnet · keine Bibliothek, kein Bild von außen.
03Manifest / Manifesto
momentum media solutions — takt
Takt.
Ein Programm für gemessene Bewegung — a programme for measured momentum.
Momentum is not speed. Speed is a number; momentum is mass with a direction. A business lives inside measured time — the invoice that goes out on the first of the month, the message that arrives when it was promised, the software still running a year after it was built — and the firm that builds for that business must itself be built as a system in which every interval is decided, and everything that moves knows why.
This programme therefore begins where the schools of Zürich and Basel began: with the conviction that order is not the enemy of feeling, but its instrument.
From Jan Tschichold’s Die neue Typographie (1928) come the working rules: asymmetry, the sans serif, white space treated as material rather than remainder. From Josef Müller-Brockmann comes the modular grid — the mark, he wrote, of a mind that is constructive and oriented to the future — and a lesson from his Beethoven poster of 1955, whose arcs obey one angular module while their widths double, 1 : 2 : 4 : 8 : 16. Proportion, logically followed out, becomes audible.
From Emil Ruder’s Typographie (1967): the line as a measured event, never much past sixty characters; rhythm as the real content of the page. From Armin Hofmann: point, line and plane held in tension until they balance. From Max Bill and the school at Ulm: a form derived from mathematics is a form anyone may verify — die gute Form. And from Karl Gerstner the decisive instruction, obeyed on every plate of this book: design programmes, not solutions.
«Instead of solutions for problems, programmes for solutions.»
Karl Gerstner, Designing Programmes, Arthur Niggli, Teufen 1964.
Takt is that programme. In music the Takt is the measure a conductor beats; on the factory floor, Taktzeit is the interval at which work advances; in this firm it is the beat on which work becomes software and software keeps running — define, build, keep running, in that order, every time. One module, one interval scale, one signal colour — fixed in this book, then applied without exception. Nothing arbitrary survives. That is what building momentum means: mass, accumulating in one direction, on the beat.
Der Browser ist unsere Druckerpresse. What the school set in lead, this edition sets in custom properties: the grid is a variable, the beat is a duration token, and the scroll is the conductor. Motion obeys the same law as the page — where it measures nothing, there is none. Reveals land on whole beats; intervals stagger 1 : 2 : 4 : 8; arrival is decelerated and silent, wie eine gute Setzmaschine.
Der Name steht in der Tradition benannter Systeme: Gerstners Programm, Frutigers Palette, Müller-Brockmanns Raster. The name follows the tradition of named systems — the programme, the palette, the grid. Diese Ausgabe fügt hinzu: das Token. This edition adds one more: the token.
04Die Marke / The brand
momentum media solutions — takt
Mass, direction, and the discipline to hold both.
Founded in 2026 by Noah Bleicher, Momentum Media Solutions LLC is a software firm that builds working software for business — and buildmomentum.pro is its hub: the claim, the work, the company, the contact. The address is the sign-off made literal. One address, one grid, one beat.
The name states a physical claim. Momentum is mass times velocity: not merely being fast, but being heavy enough in motion that the direction holds. The businesses we build for do not want excitement from their software; they want a quantity that accumulates — a defined scope that becomes working software, and working software that keeps running, quarter after quarter.
The rallying name, build momentum., is the same claim in the imperative. It is what the firm does for a business, and what the firm asks of itself. It is always set lowercase, and it always ends on the beat — the red full stop. Works take plain names, not metaphors: Textro, the firm’s first SaaS, is one named work in the evidence — never the brand, never the headline.
Positionierung / Positioning
Momentum Media Solutions is a software firm that builds working software for business. The method is fixed: Define → Build → Keep running. Textro — A2P messaging campaign management, in build — is the firm’s first work and its proof: one entry in the evidence, never the headline.
4.1Werte / Values
Gemessen / Measured
Every promise carries a number; every number carries a unit.
Lesbar / Legible
A system that cannot be explained on one page is not finished.
Verlässlich / Dependable
The beat that matters is the ten-thousandth, kept like the first.
In Bewegung / In motion
Direction over drama: we accelerate by subtraction.
4.2Namenssystem / Naming
Momentum Media Solutions LLC — Unternehmen / company · momentum. — Wortmarke / wordmark · Textro — das erste Werk / the first work, in build · buildmomentum.pro — der Knotenpunkt / the hub · build momentum. — Zuruf / sign-off · Noah Bleicher — Gründer und CEO / founder & CEO.
4.3Der Knotenpunkt / The hub — buildmomentum.pro, in fünf Sätzen gegliedert / structured in five clauses
- /1Umschlag-Held / cover-heroDer Anspruch, einmal gesetzt: «We build software for business.» — nie das Zeichen eines Werks, nie ein Produktname. The claim, set once — never a product’s name above it.
- /2Werk / workDie Belege der Firma, Zeile für Zeile. Textro — A2P-Kampagnenmanagement, in Bau — ist der erste Eintrag: ein benanntes Werk unter Beweisen, nicht der Held der Seite. The firm’s evidence, row by row. Textro — A2P messaging campaign management, in build — is the first entry: one named work among evidence, never the hero.
- /3Unternehmen / companyDefine → Build → Keep running — die Arbeitsweise in drei Begriffen; gegründet 2026 von Noah Bleicher, Gründer und CEO. The method in three terms; founded in 2026 by Noah Bleicher, founder & CEO.
- /4Kontakt / contacthai@buildmomentum.pro · +1 954 650 8537 — eine Antwort von einer Person, mit Namen und Datum. An answer from a person, with a name and a date.
- /5Nachtfuß / night footerDer Zuruf schließt die Seite im Nachtfuß: build momentum. — mit rotem Punkt, Stufe 60 (5.5); niemals die h1 — der Umschlag dieses Buches ausgenommen (13, Regel 5) —, nirgendwo sonst. The sign-off closes the page in the night footer: lowercase, red full stop, step 60 (5.5) — never the h1 — the book’s own cover excepted (13, rule 5) — and nowhere else.
4.4Die Arbeitsweise / How we work — drei Begriffe, ein Takt; diese Reihenfolge gilt, sie wird nicht verhandelt / three terms, one beat — the order holds and is not negotiated
Define / bestimmen
Scope, audience, and the measurement that decides done. A build that cannot be stated in numbers is not yet defined.
Build / bauen
Software is built in working increments, and every increment runs — the client sees the software, not a promise about it.
Keep running / am Laufen halten
After the build the firm stays: operation, fixes, and the next increment. Handover is a state, not an exit.
Teil II / Part II — Tafeln 05–09
Das System / the system: grid, mark, colour, type.
05Das Raster / The grid
momentum media solutions — takt
Zwölf Spalten, eine Konstante.
Twelve columns, one constant — the field is now fluid, the law is not.
The grid is the constitution of this identity. In print it was a fixed field of 1296 × 720; on the web the field breathes, so the constitution is exact about what may breathe and what may not: twelve columns of equal fraction, with gutter, margin and plate gap published as clamps that interpolate with the viewport — and, beneath them, the fixed row that never interpolates at all: the 4-pixel baseline and its steps 12 · 24 · 48 · 96. Das Gesetz nennt beide Klassen beim Namen; was fließt, sagt es. The law names both classes by name; what flows, says so. One module derives every artefact — mark, hub page, dashboard, poster. This page is set on the grid it describes: press G and read the page against its own law.
Karl Gerstner called such a thing a mobile grid — his 1962 system for the journal Capital divided one field into one, two, three, four, five, and six columns without ever leaving the module. Its 58 units are concise arithmetic: 5 × 10 + 4 × 2. Our media queries are the same instrument with a new name: at each breakpoint the twelve columns regroup, and nothing else changes.
5.1Grundlinienraster / The baseline — jede sechste Linie gezeigt / every sixth line shown
Type sits on a 4-pixel base; leading is chosen from its row — 16, 20, 24, 28, 36, 48 — never computed (Tafel 9.5). Lines register front to back, and the grey value of the page stays even, at every width the browser can name.
5.2Die zwölf Spalten, sichtbar / the twelve columns, live — dieselben Spuren wie der Schleier (Taste G) / the same tracks as the overlay (press G)
5.3Haltepunkte / Breakpoints — ein bewegliches Raster im Sinne Gerstners
| Breite / width | Verhalten / behaviour | Spannen / spans |
|---|---|---|
| ≥ 1392 px | Das Feld steht; die Ränder wachsen. The field rests at 1392; margins absorb the rest. | wie gesetzt / as composed |
| 1081–1392 px | Alles fließt: Spalten sind Brüche, Bund und Rand interpolieren. Everything fluid. | wie gesetzt / as composed |
| 721–1080 px | Die Zwölf gruppiert sich neu: Drittel werden Hälften. Thirds regroup as halves. | 3·4·5·6 → 6 · 7–10 → 12 |
| ≤ 720 px | Eine Spur, volle Breite; das Zeilenmaß regiert. One track; the measure governs. | alles / all → 12 |
Die Umgruppierung je Sektion des Knotenpunkts — Kopfband, Umschlag-Held, Werk, Unternehmen, Kontakt, Nachtfuß — ist in 5.5 ausgeschrieben. The per-section regrouping of the hub — masthead, cover-hero, Work, Company, Contact, night footer — is spelled out in 5.5.
5.4Raumskala / Spacing — Verdopplung ab dem Schritt 12
Heilig sind allein die festen Stufen: Grundlinie 4, Schritt 12, Modul 24, Gruppe 48, Zäsur 96 — feste Pixel, Vielfache der Grundlinie. Der Tafelabstand gehört nicht dazu: er ist als clamp(72, 4rem + 4vw, 144) veröffentlicht und interpoliert ehrlich zwischen seinen Enden — wie Bund und Rand, und wie der Grad fließt, während der Durchschuss aus seiner Reihe gewählt wird (Tafel 9.5). Sacred are the fixed steps only: baseline 4, step 12, module 24, group 48, caesura 96 — fixed pixels, multiples of the baseline. The plate gap is not one of them: it is published as clamp(72, 4rem + 4vw, 144) and interpolates honestly between its ends — as gutter and margin do, and as the type size flows while the leading is chosen from its row (plate 9.5).
5.5Der Rhythmus des Knotenpunkts / The hub’s vertical rhythm — der Vertrag, nach dem buildmomentum.pro gesetzt wird / the contract by which buildmomentum.pro is set
Innerhalb einer Sektion gilt die feste Reihe, und nichts sonst: der Schritt 12 zwischen Marke und Inhalt, das Modul 24 zwischen Zeilen, die Gruppe 48 zwischen Blöcken, die Zäsur 96, wo ein Teil wirklich endet. Zwischen den Sektionen steht der Tafelabstand --mm-s-5 — die eine senkrechte Strecke, die atmen darf. Das Kopfband ist 52 px an jeder Breite, fixiert wie die Grundlinie, und öffnet sein eigenes Feld (Tafel 8.4). Inside a section the fixed row holds, and nothing else: the step 12 between a label and its content, the module 24 between rows, the group 48 between blocks, the caesura 96 where a part truly ends. Between sections stands the plate gap --mm-s-5 — the one vertical distance allowed to breathe. The masthead is 52 px at every width, fixed like the baseline, and opens its own field (plate 8.4).
Das Zeilenmaß bleibt Satzregel (Tafel 9.7): der Anspruch des Umschlag-Helden ist Stufe 60, klumpig, höchstens zwei Zeilen; der Vorspann darunter Stufe 20, höchstens 44 Zeichen; Fließtext in Werkzeilen und Unternehmensnotizen Stufe 15, höchstens 60 Zeichen; Legenden und Meta Stufe 10. Keine Stufe dazwischen, keine erfunden. Der Zuruf build momentum. steht im Knotenpunkt allein im Nachtfuß — Stufe 60, klumpig, niemals die h1, und nirgendwo sonst. Measure remains a setting rule (plate 9.7): the cover-hero’s claim is step 60, solid, two lines at most; the deck beneath it step 20, 44 characters at most; running text in work rows and company notes step 15, 60 at most; captions and meta step 10 — no step in between, none invented. The sign-off build momentum. stands on the hub in the night footer alone — step 60, solid, never the h1, and nowhere else.
| Sektion / section | ≥ 1081 px | 721–1080 px | ≤ 720 px |
|---|---|---|---|
| Kopfband / masthead | Zeichen und Wortmarke links; die Sätze rechts, Abstand = Modul 24. Mark and wordmark left; the clauses right, gap = module 24. | wie gesetzt / as composed | die Sätze falten hinter «Menu»; die Ebene öffnet nach Tafel 12.7 / the clauses fold behind Menu; the pane opens per 12.7 |
| Umschlag-Held / cover-hero | Anspruch Spalten 1–8; Vorspann Spalten 9–12 — seine letzte Zeile ruht auf oder über der Grundlinie des Anspruchs; das genaue Verhältnis setzt der Kompositor. Claim cols 1–8; deck cols 9–12, its last line resting at or above the claim’s baseline — the compositor sets the exact relation. | Anspruch 12; Vorspann spannt 6, ein Modul darunter. Claim 12; deck spans 6, one module below. | eine Spur: Anspruch, Vorspann, Handlung — je ein Modul dazwischen / one track: claim, deck, action — a module between each |
| Werk / Work | je Zeile: Nummer + Name 1–4 · Beschreibung 5–9 (≤ 60 Zeichen) · Meta 10–12 — eine gemeinsame Grundlinie, Haarlinie zwischen den Zeilen. Per row: index + name 1–4 · description 5–9 (≤ 60 ch) · meta 10–12 — one shared baseline, hairline between rows. | Name 1–6 · Beschreibung 7–12; Meta folgt der Beschreibung. Name 1–6 · description 7–12; meta follows the description. | eine Spur je Zeile: Nummer, Name, Beschreibung, Meta — Schritt 12 dazwischen / one track per row: index, name, description, meta — step 12 between |
| Unternehmen / Company | Define → Build → Keep running: drei Drittel, 4 + 4 + 4; Begriff Stufe 20, Notiz Stufe 15, Schritt 12 dazwischen. Three thirds, 4 + 4 + 4; term step 20, note step 15, step 12 between. | Drittel werden Hälften: zwei nebeneinander, das dritte bricht um und spannt 12. Thirds regroup as halves: two abreast, the third wraps and spans 12. | alle spannen 12; gestapelt in Reihenfolge, Modul 24 dazwischen / all span 12; stacked in order, module 24 between |
| Kontakt / Contact | Block Spalten 1–6: Marke Stufe 10, Zeilen Stufe 20 — jede eine Zeile, nie umbrochen, Schritt 12 dazwischen; die Handlung (Post) Spalten 9–12. Block cols 1–6: label step 10, lines step 20 — each a single line, never wrapped, step 12 between; the action (mail) cols 9–12. | Hälften: 6 + 6. Halves: 6 + 6. | eine Spur: Block, dann Handlung — Modul 24 dazwischen / one track: block, then action — module 24 between |
| Nachtfuß / night footer | der Flächenwechsel grenzt das Feld (8.4) — keine Linie nötig; Zuruf Spalten 1–8, Meta Spalten 9–12. The surface change bounds the field (8.4) — no rule needed; sign-off cols 1–8, meta cols 9–12. | Zuruf 12; Meta 12 darunter, ein Modul Abstand. Sign-off 12; meta 12 below, one module apart. | eine Spur, wie das Mittelband / one track, as the middle band |
06Das Zeichen / The mark
momentum media solutions — takt
Das Taktzeichen — the word made mass.
A lowercase m is three strokes; the Taktzeichen gives the three strokes momentum. The stem widths double from beat to beat — 2 a, 4 a, 8 a — while the interval holds at 1 a: mass accumulating at constant tempo, inscribed in a square of sixteen modules.
The doubling row is the oldest lesson in this book: it is how the arcs of the Beethoven poster grow. The mark is not an illustration of motion but a measurement of it — read left to right, it gains weight on every beat and ends flush against its own future.
Am Bildschirm ist das Zeichen zugleich Ladefigur und Favicon: die drei Balken treten im Takt auf (Tafel 12). On screen the mark is also the loading figure and the favicon — its three bars enter on the beat.
6.3Wortmarke und Bildwort / Wordmark and lockup
6.5Mindestgrößen / Minimum sizes — in Originalgröße / at actual size
Favicon
16 px
komfortabel
24 px / 6 mm
momentum.
Bildwort / lockup
Höhe 24 px / 8 mm
Darunter entfällt das Zeichen: die Wortmarke allein übernimmt. Below these sizes the mark is dropped and the wordmark stands alone. Ausgenommen ist der fixierte Kopfsteg (5.5): dort steht das Bildwort bei 16 px Zeichenhöhe — a = 1, an jeder Dichte exakt; Zwischenmaße wie 18 px verbiegen die Balken beim Rastern und sind verboten. The fixed masthead (5.5) is the exception: there the lockup stands at a 16 px mark — a = 1, exact at any density; in-between sizes such as 18 px deform the bars in rasterisation and are forbidden.
6.6Platzierung / Placement
Das Zeichen sitzt auf Rasterecken: oben links zur Identifikation — im Kopfsteg dieser Seite —, unten rechts als Absender. The mark sits on grid corners: top left to identify (as in this page’s running head), bottom right to sign off. Never centred. Die Schutzzone wächst mit: bei Plakaten und im Seitenkopf gilt 4 a.
6.7Produktionsformate / Production formats — Favicon und Verweiskarte, ohne Build-Schritt / favicon and social card, no build step
Das Favicon / the favicon. Das Favicon ist das Taktzeichen allein, in voller 16-a-Geometrie: die Balken 2 · 4 · 8 stehen auf der vollen Feldhöhe von 16 a — niemals auf 14 von 16 gestaucht, niemals beschnitten, niemals gerundet. Ausgeliefert wird es als Inline-SVG mit viewBox 0 0 16 16, Mindestgröße 16 px; kein Skript, kein Generator, kein Rasterbild nötig. Diese Datei trägt es im Kopf, genau so. The favicon is the Taktzeichen alone, at full 16 a geometry: the bars 2 · 4 · 8 stand at the full 16 a field height — never squashed to 14 of 16, never cropped, never rounded. It ships as an inline SVG with viewBox 0 0 16 16, minimum size 16 px; no script, no generator, no raster image required. This file carries it in its head, exactly so.
Die Verweiskarte / the social card. Die Karte für og:image misst 1200 × 630: Papiergrund, das Bildwort auf dem Raster gesetzt — Zeichen links über der Wortmarke, gemeinsame Grundlinie nach 6.4 —, keine Fotografie, und Rot genau einmal: der Punkt. Jede Produktionsfläche trägt die Meta-Zeilen og:title, og:description, og:image und twitter:card; sie sind HTML, kein Framework. The og:image card measures 1200 × 630: paper ground, the lockup set on the grid — mark above the wordmark, one shared baseline per 6.4 — no photography, and red exactly once: the full stop. Every production surface carries the meta lines og:title, og:description, og:image and twitter:card; they are HTML, not a framework.
16 px
32 px
Balkenhöhe = Feldhöhe, an jeder Größe. Bar height equals field height, at every size.
momentum.
og:image — 1200 × 630 · Rot einmal: der Punkt / red once: the stop
07Varianten und Fehlanwendung / Variants and misuse
momentum media solutions — takt
Vier erlaubte Formen — und acht Wege, den Takt zu verlieren.
Four sanctioned forms, eight ways to lose the beat. Die Folge 2 · 4 · 8 ist die Bedeutung des Zeichens: any intervention that alters mass, interval or direction destroys the claim the mark makes.
momentum.
1Positiv / PositiveAuf Papier und hellen Gründen. On paper and light grounds.
momentum.
2Negativ / ReversedAuf Tinte und Bild. On ink and image.
3Signal / SignalNur das Zeichen, nur ab 40 px. Mark alone, 40 px and above.
momentum.
4Einfarbig / One colourWenn Rot nicht verfügbar ist. When red is unavailable.
✕Nicht dehnenDo not stretch or compress.
✕Nicht neigenDo not slant or rotate.
✕Reihenfolge nicht ändern2 · 4 · 8 is the meaning: no ritardando.
✕Keine KonturDo not outline the solids.
✕Keine EffekteNo shadows, gradients or bevels.
✕Keine FremdfarbenInk, paper or signal red only.
✕Nicht rundenCorners stay square; the beat is hard.
momentum.
✕Keine fremde SchriftOne typeface only: MM Grotesk.
Im Bewegtbild gilt Tafel 12 als neunte Regel: das Zeichen tritt nur im Takt auf — 120 ms je Balken, Ankunft ohne Nachschwingen, die Partitur in 12.9. In motion, plate 12 is the ninth rule: the mark enters only on the beat, one bar per 120 ms, arriving without overshoot — the score is 12.9. Ein springendes, kreiselndes oder pulsierendes Zeichen ist Fehlanwendung. Ausgenommen ist allein der rote Punkt der Wortmarke: er ist Satzzeichen, nicht Zeichen — auf Umschlag und Abspann darf er den Takt schlagen, einen Schlag je acht; der laufende Kopf bleibt unbewegt. Was sich sonst nie bewegt, steht in 12.8. A jumping, spinning or pulsing mark is misuse. Exempt is only the wordmark’s red full stop: punctuation, not the mark — on cover and colophon it may beat the Takt, one pulse in eight; the running head never moves. What else never moves is legislated in 12.8.
08Die Farbe / Colour
momentum media solutions — takt
Drei Entscheidungen, einmal getroffen.
Paper carries; ink speaks; red signals. Grey is not a colour here but a quantity of ink — and the warm grey ground recalls the light grey stock of the early Tonhalle concert programmes. Red appears only as signal: the full stop, the state, the one action per view. Never decoration, and exactly once per field — das Feld selbst ist in 8.4 definiert / the field itself is defined in 8.4.
8.1Proportion / Proportion — die Seite in vier Mengen / the page as four quantities
Papier / Paper
Tinte / Ink
Signalrot / Signal red
Tonhalle-Grau / Tonhalle grey
8.2Flächen-Token, hell / Surface tokens, light — der Tag des Knotenpunkts
--sf-0 Grund / surface#FFFFFF--sf-1 erhoben / raised#EDECE8--tx-1 Text#111111 · 18.9 : 1--tx-2 Halbton / secondary#6E6E6E · 5.1 : 1--ln-1 Haarlinie / hairline#E2E0DB--mm-signal Signal / accent#E30613 · 4.9 : 18.3Flächen-Token, dunkel / Surface tokens, dark — Konsole und Plakat
--sf-0 Grund / surface#0F0F0F--sf-1 erhoben / raised#1A1A19--tx-1 Text#FFFFFF · 19.2 : 1--tx-2 Halbton / secondary#B9B7B2 · 9.6 : 1--ln-1 Haarlinie / hairline#2E2D2B--mm-signal Signal / accent#E30613 — nur ≥ 24 px / graphics8.4Das Feld / The field — die Grenze des einen Rots, exakt / the boundary of the one red, exact
Ein Feld ist die Zone einer Fläche, die ein einziges Rot besitzt. In diesem Buch ist das Feld eine Tafel: der Abschnitt zwischen ihrem Tafelkopf und der Kopflinie der nächsten — der fixierte Tafelkopf gehört zu seiner Tafel. Im Knotenpunkt ist das Feld eine zusammenhängende, viewport-hohe Zone einer Ansicht, begrenzt durch eine Seitenlinie oder einen Flächenwechsel — was zuerst grenzt. Dialog, Karte oder Paneel mit eigener Umrandung eröffnen ein eigenes Feld. A field is the zone of a surface owned by one red instance. In this book the field is one plate; on the hub it is one continuous viewport-height zone of a single view, bounded by a page-level rule or a surface change — whichever bounds first. A dialog, card, or pane with its own border opens its own field.
8.5Die rote Disziplin / Red discipline
Auf Grau vertieft sich der Halbton zu #5F5D59, die Haarlinie zu #D8D6D0. Wer Rot zweimal setzt, hat nichts betont — er hat das Feld verlassen. On tone the halftone deepens to #5F5D59. Whoever sets red twice has emphasized nothing — they have left the field.
8.6Semantische Rollen / Semantic roles — nur auf Produktflächen / product surfaces only
Die Konsole einer Kampagne und die Arbeitsansichten des Knotenpunkts erhalten genau drei Zustände jenseits der Textränge: Fehler, Bestand, Wartend. Zwei Farben treten dem Programm bei — das Signalrot, als Fehler verdoppelt, und ein Grün für den Bestand; das Wartende borgt den Halfton. Jede Rolle liefert einen Wert für Papier und einen für Nacht; das Paar mischt sich nie. Auf Werbeflächen — Umschlag, Plakat, diese Seite — erscheint Semantik niemals: dort gelten Tinte, Papier, Grau und das eine Signal, sonst nichts. The campaign console and the hub’s working views get exactly three states beyond the text ranks: error, success, pending. Two hues join the programme — signal red, doubled as error, and one green for success; pending borrows the halftone. Each role ships a paper value and a night value; the pair never mixes. Semantic colour never appears on marketing plates.
Versand fehlgeschlagen / send failed — 3 of 12,408
Text erlaubt, jede Größe — Wort und Zeichen, nie Fläche / text permitted at any size — word and mark, never a fill
--mm-error #E306134.9 : 1 Papier / paper
Versand fehlgeschlagen / send failed — 3 of 12,408
Auf Nacht heller: reines Signalrot trägt keinen Text (3.9 : 1) / lifted for night: pure signal red cannot carry text
--mm-error-night #FF5A636.3 : 1 Nacht / night · 5.7 : 1 erhoben / raised
Kampagne versandt / campaign sent — 12,408 delivered
das einzige Grün des Programms — ein Zustand, keine Serie (8.10) / the programme’s only green — a state, never a series
--mm-success #1E7B345.3 : 1 Papier / paper · 4.5 : 1 Ton / tone
Kampagne versandt / campaign sent — 12,408 delivered
derselbe Farbton, auf Nacht gehoben / the same hue, lifted for night
--mm-success-night #4CC96B9.0 : 1 Nacht / night · 8.2 : 1 erhoben / raised
In der Warteschlange / queued — sends on the hour
das Wartende ist neutral: Halbton, keine eigene Farbe / pending is neutral — the halftone, no hue of its own
--mm-pending #6E6E6E5.1 : 1 Papier / paper
In der Warteschlange / queued — sends on the hour
Halbton auf Nacht — derselbe Rang, dieselbe Farbe / night halftone — same rank, same meaning
--mm-pending-night #B9B7B29.6 : 1 Nacht / night
Die Zahlen in diesen Beispielen sind Musterzahlen aus der Textbank 13.3 — das Programm ist im Aufbau. The figures in these examples are specimen figures from the copy bank 13.3 — the product is in build.
8.7Zustände der Interaktion / Interaction states — exakt, überall / exact, everywhere
8.8Rot als Fehler — der Spruch / Red as error — the ruling
Das Signalrot ist der eine Akzent der Marke, und es ist zugleich die Fehlerfarbe. Der Spruch: dasselbe Rot aus Absicht, nicht aus Versehen — der Fehlschlag einer Kampagne ist genau das, was das Signal zu zeichnen existiert. Auf Papier steht Fehlertext in #E30613 (4.9 : 1, AA in jedem Grad). Das Gesetz des einen Rots gilt auf Produktflächen in dieser Fassung: eine Fehlerzeichnung — Wort und ✕ oder Wort und 3-px-Balken, niemals gefüllte Fläche — darf ein Feld mit der roten Kennzeichnung teilen (Punkt des Zeichens, Tafelnummer), denn Kennzeichnung ist Mobiliar, kein Signal. Sie darf das Feld nicht mit einer roten Handlung in derselben Zone teilen: solange ein Fehler steht, fällt die Handlung auf Tinte zurück. Auf Nacht schreibt der Fehler in #FF5A63 (6.3 : 1). Farbe trägt einen Zustand nie allein: jeder Fehler nennt sich in Worten, jeder Bestand ebenso. Signal red is the brand’s one accent, and it is the error colour too — the same red by design, not by accident: a campaign’s failure is exactly what the signal exists to mark. Inside product surfaces the one-red law is amended thus: an error marker — word plus ✕, or word plus a 3 px bar, never a filled field — may share a field with red identification (the mark’s stop, a plate number), because identification is furniture, not signal. It may not share the zone with a red action: while an error stands, the primary action falls back to ink. Colour never carries a state alone — every state names itself in words.
8.9Rot auf Ton und Nacht / Red on tone and night
Drei Sendungen fehlgeschlagen / three sends failed
Auf Tonhalle-Grau trägt Rot nur 4.1 : 1 — unter der Schriftgrenze. Also: der Marker (hier 12 px, Mindestmaß 24 px für freie Formen) ist rot, das Wort ist Tinte, der Nebensatz vertiefter Halbton #5F5D59. Auf Nacht gilt dasselbe Gesetz: Rot ab 24 px als Form, Fehlertext in #FF5A63. On tone, red holds only 4.1 : 1 — below the text line. So the marker is red, the word is ink, the aside is deep halftone. Night follows the same law: red as form ≥ 24 px, error text in #FF5A63.
8.10Datengrafik / Data graphics
Diagramme stehen in Tinte und ihren Halbtönen; Tonhalle-Grau füllt die ruhige Reihe. Signalrot erscheint in der Datengrafik nur als Grenzzeichnung: der eine Wert, der das Maß bricht — ein Balken, ein Punkt, eine Linie je Diagramm —, niemals als Serienfarbe, niemals als Wärmeskala. Zwei Reihen, die gegeneinander gelesen werden, unterscheiden sich durch Halbton 70 % und vertieften Halbton, durch Stellung und Beschriftung — nie durch einen zweiten Farbton. Das Grün aus 8.6 bleibt außen vor: Bestand ist ein Zustand, keine Serie. Charts are set in ink and its halftones; Tonhalle grey fills the quiet series. Signal red appears in data graphics only as the threshold marker — the one datum that breaches the limit, one bar, point, or rule per chart — never a series colour, never a heat scale. Two series that must be read against each other differ by halftone and deep halftone, by position and label — never by a second hue. The green of 8.6 stays out of charts: success is a state, not a series.
8.11Kontrast / Contrast (WCAG 2.1) — jede Zeile nachgerechnet / every row computed
09Typographie / Typography
momentum media solutions — takt
Eine Schrift, neun Gewichte, nach Nummern.
The school set Akzidenz-Grotesk — Müller-Brockmann’s Zürich held to it into the sixties — while the Haas foundry outside Basel cut Neue Haas Grotesk, and Ruder’s Basel taught Univers: twenty-one styles drawn in parallel and named by number, the first typeface conceived as a programme rather than a family of accidents.
Our stand-in is Inter Tight: a contemporary grotesque of even grey, closed apertures and tight display metrics in the Neue Haas manner — served as one variable weight axis from Google Fonts, nine graded weights in a single file, the programme Frutiger imagined delivered as Frutiger could not. No italic axis is loaded: the programme excludes slope (9.7). Tabular figures keep our numbers honest — essential for a company whose sentences contain milliseconds. Within this programme the family is cited as MM Grotesk, by number; the dictionary below (9.3) is the whole of that rule.
9.1Herkunft / Lineage
9.2Figurenverzeichnis / Character set
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmnopqr stuvwxyzäöüß 0123456789 €$%& .,:;·–—«»()[]!?†§
OpenType: tnum für Tabellen und Messwerte, calt stets; keine Ligaturen im Versalsatz. Gemeine werden nie gesperrt; Versalien nur in Kürzeln. Kursiv existiert nicht: die Anfrage im Kopf dieser Datei lädt allein die Gewichtsachse — Auszeichnung durch Grad und Stellung, nie durch Neigung (9.7). Italics are not loaded and not missed: emphasis is set by weight and position, never by slope.
9.3Die Palette / The palette — nach Frutigers Nummern für Univers, 1957. Arbeitssatz rot / working set in red. Auf mittleren Formaten wird die Reihe als 3 × 3 Tafel gesetzt / on medium formats the row becomes a 3 × 3 plate.
takt
MM 15
takt
MM 25
takt
MM 35
takt
MM 45
takt
MM 55
takt
MM 65
takt
MM 75
takt
MM 85
takt
MM 95
MM 45 Grundtext · MM 55 Anmerkung · MM 65 Auszeichnung · MM 75 Titel · MM 85 Plakat. MM 35 nur über 60 px; MM 15–25 und 95 sind Reserven des Systems, nicht des Alltags.
Der Zitiername / The citation name
Inter Tight is the face — the production name, in the font file, in the request, in code. MM Grotesk is its name inside the programme — on plates, in standards, in letters, and always by number. Wer MM 45 schreibt, meint den Schnitt 400; wer die Datei sucht, sucht Inter Tight. Kein dritter Name, keine Abkürzung, kein Raten. Whoever writes MM 45 means the 400 cut; whoever looks for the file looks for Inter Tight. No third name, no abbreviation, no guessing.
Die Halbschnitte des Apparats — 650 und 750 — tragen die Nummer des darunterliegenden Grades: 650 wird als MM 65 zitiert, 750 als MM 75. The apparatus half-cuts, 650 and 750, carry the number of the grade below them: 650 is cited as MM 65, 750 as MM 75.
Die Nummern, ausgeschrieben / The numbers, spelled out
| Nummer / number | font-weight | Verwendung / use |
|---|---|---|
| MM 15 | 100 | Reserve des Systems / system reserve |
| MM 25 | 200 | Reserve / reserve |
| MM 35 | 300 | nur Plakat, über 60 px / display above 60 px only |
| MM 45 | 400 | Grundtext, Vorspann / body, deck |
| MM 55 | 500 | Anmerkung / notes |
| MM 65 | 600 (Apparat 650) | Auszeichnung / emphasis |
| MM 75 | 700 (Apparat 750) | Titel / titles |
| MM 85 | 800 | Plakat, Wortmarke / display, wordmark |
| MM 95 | 900 | Reserve des Systems / system reserve |
9.4Zwei Oktavreihen, flüssig / Two octave rows, fluid — ab dem Grundtext verdoppelt jede Stufe zur übernächsten (15 · 30 · 60 · 120 und 20 · 40 · 80); die zwei Legendengrößen 10 und 13 stehen unterhalb der Reihen. Am Bildschirm interpoliert alles per clamp() / from body size up, each size doubles two steps on; the two caption sizes sit below the rows, and on screen everything interpolates by clamp()
--mm-t-10Legende / captionsDer Takt ist 120 ms — the beat is 120 ms--mm-t-13Anmerkung / notesDer Takt ist 120 ms — the beat--mm-t-15Grundtext / bodyDer Takt ist 120 ms--mm-t-20Vorspann / deckDer Takt ist 120 ms--mm-t-30Zwischentitel / sectionDer Takt ist 120--mm-t-40Haupttitel / headlineDer Takt ist--mm-t-60Plakat / displayDer Takt--mm-t-80Plakat groß / largeDer Takt--mm-t-120Signal / coversTakt.9.5Das Durchschuss-Gesetz / The leading law
Die Grundlinie ist 4 px, und der Durchschuss wird nicht errechnet, sondern gewählt — aus der Grundlinienreihe, fest in Pixeln (Tafel 5.1): The baseline is 4 px, and leading is not computed, it is chosen — fixed pixels, from the baseline row (plate 5.1):
162024283648
Jede Textstufe trägt ihren Durchschuss als festen Pixelwert, der an beiden Enden der flüssigen Gradspanne steht — der Grad interpoliert, die Zeile nie. Überschriften ab Stufe 60 werden klumpig gesetzt: Durchschuss gleich Kegel, höchstens zwei Zeilen. Every text step carries its leading as a fixed pixel value that holds at both ends of its fluid size range — the size interpolates, the line never does. Headings from step 60 up are set solid: leading equal to point size, two lines at most.
Was zuvor als Verhältnis notiert stand — 1,6 auf einen flüssigen Grad — war ein Versprechen, das die Arithmetik nicht hielt. Das Gesetz lautet nun wie oben, und diese Datei setzt es um: Tafel 9.6 führt jede Stufe mit Grad, Durchschuss, Laufweite und Verwendung. What once stood here as a ratio — 1.6 against a fluid size — was a promise the arithmetic could not keep. The law now reads as above, and this file sets it: plate 9.6 lists every step with size, leading, tracking and use.
9.6Das Maßblatt / The worked table — Grad in Pixeln an beiden Enden der Spanne, Durchschuss aus der Grundlinienreihe, Laufweite, Gewicht nach Nummer, Verwendung / size at both ends of the fluid range, leading from the baseline row, tracking, weight by number, permitted use
| Stufe / step | Grad / size, px | Durchschuss / leading, px | Laufweite / tracking | Gewicht / weight | Verwendung / permitted use |
|---|---|---|---|---|---|
| --mm-t-10 | 10 – 11 | 16 | +0.010 em | MM 65 | Legende: Bildunterschrift, Kürzel, Interface-Meta / captions, labels, UI meta |
| --mm-t-13 | 13 – 14 | 20 | 0 | MM 45 · 65 | Anmerkung: Nebentext, Tabellenzelle, Formular / notes, table cells, forms |
| --mm-t-15 | 15 – 17 | 24 | −0.005 em | MM 45 | Grundtext — Zeilenmaß ≤ 60 Zeichen / body prose — measure ≤ 60 ch |
| --mm-t-20 | 17 – 22 | 28 | −0.008 em | MM 45 | Vorspann, Zitat — Zeilenmaß ≤ 44 Zeichen / deck, pull quote — measure ≤ 44 ch |
| --mm-t-30 | 22 – 30 | 36 | −0.015 em | MM 75 | Zwischentitel (h3) — höchstens zwei Zeilen / section titles — two lines at most |
| --mm-t-40 | 26 – 40 | 48 | −0.018 em | MM 85 | Haupttitel (h2), Docs-Überschrift / headlines, docs headings |
| --mm-t-60 | 32 – 60 | klumpig · 1.0 | −0.020 em | MM 85 | h1 der Seite, Zwischenruf, Messzahl — zwei Zeilen höchstens / page h1, interlude, big figure — two lines at most |
| --mm-t-80 | 38 – 80 | klumpig · 1.0 | −0.025 em | MM 85 | Tafeltitel — einmal je Tafel / plate titles — once per plate |
| --mm-t-120 | 44 – 120 | klumpig · 1.0 | −0.025 em | MM 85 | Signal — ein Wort, einmal je Artefakt / signal — one word, once per artefact |
| --mm-t-cover | 48 – 172 | klumpig · 1.0 | −0.030 em | MM 85 | Umschlag und Abspann des Hubs — sonst nichts / hub cover and sign-off — nothing else |
Lesart / how to read: der Grad fließt zwischen seinen zwei Pixelwerten, der Durchschuss steht — eine 24-px-Zeile trägt 15 wie 17 px Grad. «Klumpig» heißt line-height 1: die Zeile ist so hoch wie der Buchstabe, und weil diese Stufen nie laufen, bleibt die Grundlinie ungestört. The size flows between its two pixel values while the leading stands — a 24 px line carries 15 px as it carries 17. “Solid” means line-height 1: the line is as tall as the letter, and because these steps never run to paragraphs, the baseline rests undisturbed.
9.7Die Satzordnung / The setting order — sechs Regeln, keine Auslegung / six rules, no interpretation
1 — Hierarchie / hierarchy. h1 is step 60, once per page; h2 is step 40 — on the plates of this book, step 80, once per plate; h3 is step 30. Vorspann ist Stufe 20, Grundtext 15, Legende 10 und 13. Keine Stufe wird übersprungen, keine erfunden; eine Familie, keine zweite. Deck is step 20, body 15, captions 10 and 13; no step is skipped and none invented — one family, never a second.
2 — Zwei Maße / two measures. Grundtext läuft bis 60 Zeichen (Ruder); der Vorspann ist kürzer gefasst — höchstens 44, denn ein Vorspann ist ein Versprechen, kein Absatz. max-width ist eine Satzregel, kein Stilmittel. Prose runs to 60 characters (Ruder); the deck is held shorter — 44 at most, because a deck is a promise, not a paragraph. max-width is a setting rule, not a style device.
3 — Obergrenzen / ceilings. An artefact takes at most three steps from the scale, plus the two legend sizes; at most two weights, a third for data. Hub-Seite höchstens Stufe 60, Docs und Briefe höchstens 40, Interface nur 10–20. Plakat und Umschlag sind ausgenommen — sie sind die Artefakte, die die Ausnahme messen. A hub page tops out at step 60, docs and letters at 40, an interface uses 10–20 only. Poster and cover are exempt — they are the artefacts that measure the exception.
4 — Der Umbruch / line breaks. Flattersatz links, niemals Blocksatz — die Wortabstände bleiben gleich und der Grauwert ruhig. Keine Mittelachse, nirgends, auch nicht im Interface. text-wrap: balance ist verboten: es zentriert das Auge auf eine Symmetrie, die das Programm nicht kennt, und überlässt den Zeilenfall dem Zufall des Viewports — der Umbruch ist eine Entscheidung des Setzers, nicht des Browsers. Ragged left, never justified; no centred axis anywhere, not even in the UI. text-wrap: balance is forbidden: it centres the eye on a symmetry this programme does not have and leaves the break to the chance of the viewport — the line break is the compositor’s decision, not the browser’s.
5 — Keine Neigung / no slope. Kursiv ist aus dem Programm ausgeschlossen; die Schriftanfrage lädt allein die Gewichtsachse. Auszeichnung entsteht durch Grad und Stellung — MM 65 im Grundtext, eine eigene Zeile für den Titel —, nie durch Neigung. Wer neigt, verlässt die Schule: die Grotesk steht aufrecht. Italics are excluded from the programme; the font request loads the weight axis only. Emphasis is set by weight and position — MM 65 in running text, a line of its own for a title — never by slope. To slant is to leave the school: the grotesque stands upright.
6 — Ziffern / numerals. Daten tragen tabellarische Ziffern — tnum, in dieser Datei die Klasse .tnum: Messwerte, Tabellen, Zeiten, Beträge. Im laufenden Satz bleibt die Ziffer proportional. Jede Zahl trägt ihre Einheit (Tafel 13). Data takes tabular figures — tnum, in this file the class .tnum: measurements, tables, times, amounts. In running prose the figure stays proportional. Every number carries its unit (plate 13).
Teil III / Part III — Tafeln 10–13
Der Ausdruck / the expression: form, image, motion, voice.
10Formsprache / Graphic language
momentum media solutions — takt
Die Grammatik des Zeichens, im Großen.
Balken auf dem Modul, Intervalle aus den Oktavreihen; ein Signal je Feld. Bars on the module, intervals from the octave rows; one signal per field. Im Web sind die Reihen Trenner, Ladebalken und Diagramm zugleich.
10.1Der gleichmäßige Takt / The steady beat — Gründe, Trenner / grounds, dividers
10.2Das Accelerando / The accelerando — Annäherung, Übergang / approach, transition
10.3Das Crescendo / The crescendo — Ankunft, Betonung / arrival, emphasis
10.4Zeichenvorrat / Icons — 24er-Zelle, gefüllte Form; nur Senkrechte, Waagerechte und die 45°-Diagonale. Drawn on a 24-unit cell; verticals, horizontals and the 45° diagonal only. Im Interface stehen sie auf der x-Höhe der Beschriftung.
Define — Umfang, Publikum, die Zahl, die fertig entscheidet / scope, audience, and the number that decides done
Build — laufende Inkremente, jedes läuft / working increments, each one running
Keep running — Betrieb, Korrektur, das nächste Inkrement / operation, fixes, the next increment
Message — eine Kampagne, 12.408 Empfänger / one campaign, 12,408 recipients
Delivered — Beleg in der Hand: 12.405 von 12.408 / receipt in hand: 12,405 of 12,408
Opt-out — STOP sperrt die Nummer in 4 s, über alle Kampagnen / STOP suppresses the number in 4 s, across all campaigns
Beispielzahlen — das Programm ist im Aufbau; die Sätze stehen wörtlich in der Textbank 13.3. Specimen figures — the product is in build; the sentences stand verbatim in the copy bank 13.3.
11Bildsprache / Art direction
momentum media solutions — takt
Bilder sind Messungen, keine Stimmungen.
Wird fotografiert: sachliche Motive, vorhandenes Licht, hartes Schwarzweiß; Rot betritt das Bild nie. Photography, when commissioned: objective subjects, available light, hard black and white. Alles andere ist Zeichnung auf dem Raster.
11.1Impuls — das Signal, auf das Modul quantisiert. The signal, quantised to the module; one beat carries the accent.
11.2Umlauf — ein Winkelmodul; die Breiten verdoppeln je Ring, wie die Stäbe des Zeichens. One angular module; widths double ring by ring, as the stems of the mark.
11.3Punktraster — Ton in zählbare Punkte aufgelöst: der ehrliche Ersatz für Fotografie. Tone resolved into a countable screen.
11.4Fotografie im Auftrag / Commissioned photography — Motive: Werk, Hände, Maschine, Raum / subjects: work, hands, machines, rooms · Kontrast: Schwarz ≤ 5 %, Weiß ≥ 95 %, ein Grauton je Bild / blacks ≤ 5 %, whites ≥ 95 %, one grey per image. Abgelehnt: Stimmung als Motiv, Weichzeichner, Farbstich, Kunstlicht / refused: mood as subject, soft focus, colour casts, artificial light. Im Hub gilt zusätzlich: Bilder skalieren nie beim Überfahren — auch das Bild hält den Takt / images never zoom on hover; the image keeps the beat too.
12Bewegung / Motion
momentum media solutions — takt
Rhythmus und Intervall, nicht Effekt.
Diese Tafel beschreibt Bewegung nicht — sie führt sie vor, in Endlosschleife, mit denselben Token, die diese Seite bewegen. This plate does not describe motion; it performs it, with the same tokens that move this page. Bei reduzierter Bewegung ruht alles / with reduced motion, everything rests.
1 — Nichts springt. Elements enter and leave along the reading direction; the eye is never asked to find its place again.
2 — Der Takt ist 120 ms. Every duration is a multiple of the beat, as every leading is a multiple of the baseline. Scroll reveals quantise their delays to whole beats — sie landen auf dem Schlag / they land on the beat.
3 — Anlauf und Ankunft. Motion leaves with acceleration and arrives with none: no bounce, no overshoot, no elastic sentiment.
4 — Masse zählt. Large elements carry more mass and take the longer beats: captions move in one, plates in four, entrances in eight.
5 — Ein Signal in Bewegung. Je Feld (8.4) bewegt sich höchstens ein rotes Element; solange es sich bewegt, hält alles andere still. At most one red element moves per field (8.4); while it moves, everything else holds still.
6 — Der Scroll ist der Dirigent. The scroll conducts: progress is bound to the scroll timeline and quantised into 64 hard steps — sichtbar in der Taktleiste am oberen Rand / visible in the beat bar at the top of this page. Der Scroll selbst ist heilig: er wird nie gekapert und nie neu geglättet — gezeigt wird der Fortschritt, niemals ein Ersatz des Scrollens. scroll-behavior:smooth gilt nur, wo Bewegung willkommen ist (no-preference). The scroll itself is sacred: never hijacked, never re-eased by script — progress may be shown, scrolling never replaced. Where the browser cannot keep time, the page stands printed and complete.
7 — Ruhe ist der Normalzustand. Was sich nie bewegt, steht in 12.8; der eine Auftritt des Zeichens steht in 12.9; der Fokus wartet nie, und das Warten selbst geht im Takt (12.7). Rest is the default state: what never moves is legislated in 12.8, the mark’s one entrance in 12.9; focus never waits, and waiting itself keeps the beat (12.7).
12.1Anlauf und Ankunft / Run-up and arrival
480 ms je Weg / each wayHin: Ankunft ohne Nachschwingen — cubic-bezier(0, 0, 0.2, 1). Zurück: Abgang beschleunigt — cubic-bezier(0.6, 0, 1, 1). Arrive decelerating, leave accelerating; the rest at each end is eight beats — 960 ms.
12.2Dauern / Durations
Vielfache des Takts / multiples of the beat12.3Die Staffelung / The stagger
Intervalle 1 : 2 : 4 / auf 120 msIntervals double, 1 : 2 : 4 : 8 — die Gruppe beschleunigt, ohne dass ein Element es je tut. The group accelerates while no element ever does.
12.4Das Zeichen tritt auf / The mark enters
fünf Schläge, 600 ms — dann Ruhe / five beats, then restBalken auf Schlag 0 · 1 · 2 (0 / 120 / 240 ms), von der Grundlinie wachsend; das Wort steigt auf Schlag 3 hinter seiner Maske hervor; der Punkt erscheint zuletzt, auf Schlag 4 — ein Punkt reist nicht. Die Partitur ruht ab 600 ms — auf dem Umschlag des Hubs folgt dort die Fortsetzung (12.9). Die Partitur steht in 12.9; hier läuft sie als Schleife zur Prüfung, im Werk spielt sie einmal — Umschlag und Kolophon allein. Bars on beats 0 · 1 · 2, growing from the baseline; the word rises behind its mask on beat 3; the full stop appears last, on beat 4 — a point does not travel. The score rests from 600 ms — on the hub's cover the continuation follows there (12.9). The score is 12.9; looped here for study, it plays once in the work — cover and colophon only.
12.5Anlauf / Run-up
cubic-bezier(0.6, 0, 1, 1)
Abgang beschleunigt / exits accelerate
12.6Ankunft / Arrival
cubic-bezier(0, 0, 0.2, 1)
Ankunft ohne Nachschwingen / no overshoot
12.7Regeln für den Hub / Rules for the hub — die Arbeitsoberfläche im Takt / the working surface on the beat
12.8Was sich nie bewegt / What never moves — fünf Gesetze; die einzige Ausnahme steht im ersten / five laws; the one exception stands in the first
1 — Das Zeichen. Die Balken pulsieren, kreiseln und springen nie; das Zeichen bewegt sich genau einmal — sein Auftritt, die Partitur 12.9. Ausgenommen ist allein der rote Punkt der Wortmarke: Satzzeichen, nicht Zeichen. Er darf den Takt schlagen, einen Schlag je acht (960 ms), auf Umschlag und Kolophon — niemals im laufenden Kopf. The bars never pulse, spin or bounce; the mark moves exactly once — its entrance, the score of 12.9. Exempt is only the wordmark’s red full stop: punctuation, not the mark. It may beat the Takt, one pulse in eight (960 ms), on cover and colophon — never in a running head.
2 — Der Text. Fließtext bewegt sich nach der Landung nie wieder: ein aufgetretener Absatz steht, wie gesetztes Blei steht. Body text never animates after landing: a revealed paragraph stands, as set lead stands.
3 — Das Bild. Bilder skalieren nie beim Überfahren (Tafel 11.4) — auch das Bild hält den Takt. Images never zoom on hover (plate 11.4) — the image keeps the beat too.
4 — Der Grund. Nichts parallaxiert: keine Ebene driftet gegen den Scroll, kein Vordergrund überholt den Hintergrund. Diese Seite gehorcht — ihre Zwischenspiele und Lettern ruhen. Nothing parallaxes: no layer drifts against the scroll, no foreground overtakes the ground. This page obeys — its interludes and letters rest.
5 — Der Schmuck. Keine Schleife als Dekoration auf Inhaltstafeln: Endlosbewegung lebt allein auf dieser Tafel — als Vorführung —, im Puls des Punktes und in der Ladefigur, solange sie arbeitet. No looped decoration on content plates: endless motion lives on this plate alone — as demonstration — in the stop’s pulse, and in the loading figure while it works.
12.9Die Auftritts-Partitur / The mark-entrance score — der eine kanonische Auftritt: Umschlag und Fuß, sonst nichts / the one canonical entrance: cover and footer, nothing else
Technik: transform-box: fill-box und transform-origin: bottom für die Balken; die Maske ist overflow: hidden auf der Zeile; die Kurve durchgehend --mm-enter. Vorgeführt in 12.4; gespielt auf Tafel 01 beim Laden und auf Tafel 16 beim Eintreffen — dort als data-rv="score". Bei reduzierter Bewegung steht das Bildwort vollständig, ohne dass etwas fehlt. Performed in 12.4; played on plate 01 on load and on plate 16 on arrival — there as data-rv="score". With reduced motion the lockup stands complete; nothing is missing.
13Tonfall / Voice and tone
momentum media solutions — takt
Der Punkt trägt.
1 — Präsens, aktiv. The subject of the sentence does the work, like the firm. We define; we build; the software keeps running.
2 — Zahlen sind Prosa. Numbers are stated plainly, with units: 12,405 of 12,408 messages delivered; a reply within one business day; registration reviewed in 1–3 business days. A figure is worth a paragraph of adjectives.
3 — Kein Superlativ ohne Messwert. No superlative without a measurement standing next to it.
4 — Der Punkt trägt. No exclamation marks. Certainty ends sentences; it does not raise its voice.
5 — build momentum. Always lowercase, always with the red full stop. It closes an argument; it never opens one — covers excepted: there the sentence is the whole argument.
13.1Schlagzeilen-Formeln / Headline formulas
[Messung]. [Folge]. — “12,408 messages sent. 12,405 were delivered.”
Verb zuerst / verb first. — “See the work. Write to Noah.”
Drei Schläge / three beats. — “Defined. Built. Running.”
So nicht / Not this
Sondern so / But this
“Build blazingly fast apps with zero code — pure magic for your team!!!”
We build software for business.
“A revolutionary, AI-powered platform for the future of digital innovation.”
Define the work. Build it. Keep it running.
“We’re passionate about empowering businesses everywhere to unlock their potential.”
You know your business. We build the software it runs on.
Selbstauskunft in 58 Wörtern / About, in 58 words — die Selbstauskunft der Firma / the firm’s boilerplate
Founded in 2026 by Noah Bleicher, Momentum Media Solutions LLC is a software firm that builds working software for business. The method is three steps: define the work, build it, keep it running. Textro — A2P messaging campaign management, in build — is the firm’s first work and its first evidence. The hub: buildmomentum.pro. Contact: hai@buildmomentum.pro, +1 954 650 8537.
13.2Mikrotext / Microcopy — die Firma in sechs Sätzen; kein Satz behauptet eine Handlung, die nicht geschehen ist / the firm in six sentences — none claims an action that did not happen
Tasten / buttons — See the work · Talk to Noah · How we work · Write to Noah
Erstantwort / first-contact reply — Thank you for writing. This is Noah Bleicher; I read every note myself. I will reply within one business day — if a call helps, name two times that suit you.
Umfang / scoping note — Before we price anything, we define the work together: the audience, the scope, and the number that decides done. That conversation costs an hour and nothing else.
Angebot / proposal cover — This proposal states what we will build, what it costs, and when each increment runs. Anything not written here is not included.
Übergabe / handoff note — The build is yours: repository, credentials, and a runbook in plain sentences. We stay reachable — keep running is part of the method, not an upsell.
Leerzustand / empty state — No conversations yet. The first one starts with a single sentence about your business.
13.3Textbank SMS-Marketing / SMS-marketing copy bank — Sätze für Textros Kampagnenflächen, nach den fünf Regeln; die Zustandsworte sind dieselben wie auf Tafel 8.6 / sentences for Textro’s campaign surfaces, under the five rules; the state words are the same as on plate 8.6
Lage / Situation
Der Satz / The sentence
Versand, wartend / queued
Queued — sends on the hour. 12,408 recipients; the first batch leaves at 15:00 UTC.
Versandbestätigung / send confirmation
Campaign sent — 12,408 delivered. Carriers accepted every message at 15:00:04 UTC; receipts are still arriving.
Zustellquote / delivery-rate statement
Delivery rate 99.98%: 12,405 of 12,408 delivered. The 3 failures are named below, each with its carrier code.
Fehlzustand / send failed
Send failed — 3 of 12,408. Each failure carries a carrier code; the retry is queued for the next hour. Nothing is claimed delivered that was not.
10DLC — eingereicht / submitted
Registration submitted. The Campaign Registry reviews new brands in 1–3 business days; campaigns stay queued until approval. No message leaves before it.
10DLC — freigegeben / approved
Brand and campaign registered for 10DLC. Sending is live; the registered use case and sample messages are on file.
Pflichtzeile / required line in every message
Reply STOP to opt out.
Abmeldung / opt-out handling
STOP received from +1 305 555 0148 at 14:03:22 UTC. The number was suppressed across all campaigns in 4 s; no further messages will be sent. END, CANCEL, UNSUBSCRIBE and QUIT do the same.
Störung / incident — messaging pipeline
Carrier congestion on one route at 14:03 UTC. 2,140 messages ran up to 11 min late; none were lost. Delivery was complete by 14:26 UTC.
Versandzahlen sind immer wörtlich: wer 12.408 zugestellt meldet, hat 12.408 Zustellbelege. «Gesendet» meint vom Netzbetreiber angenommen, «zugestellt» meint Beleg in der Hand — die beiden Worte sind nicht austauschbar. Send figures are always literal: whoever reports 12,408 delivered holds 12,408 receipts. “Sent” means accepted by the carrier, “delivered” means the receipt is in hand — the two words are not interchangeable.
13.4Die Sprachregel / The language rule — Produktionsflächen englisch-first / production surfaces are English-first
Dieses Buch ist zweisprachig, weil es ein Artefakt der Schule ist — Zürich, Basel, Ulm werden beim Namen genannt, und die Begriffe stehen im Original daneben. Produktionsflächen folgen einem anderen Gesetz: der Knotenpunkt, das Produkt, die Post sind englisch-first. Deutsch erscheint dort nur als Zitat — ein Schulbegriff, ein Tafelname, ein Gesetz wie «die gute Form» — und immer mit seiner Übersetzung daneben, nie als Lauftext, nie als Navigation. This book is bilingual because it is an artefact of the school. Production surfaces obey a different law: the hub, the product, and the mail are English-first. German appears there as citation only — a term of the school, a plate name, a law such as “die gute Form” — always with its translation beside it, never as running text, never as navigation.
Teil IV / Part IV — Tafeln 14–16
Die Anwendung / the application: the hub, its tools, the record.
14Anwendungen / Applications — der Knotenpunkt / the hub
momentum media solutions — takt
Der Knotenpunkt, bewiesen.
The hub, proven — Startseite, Kampagnenkonsole, Bauteile, Produktionsformate, Plakat: jede Anwendung ist aus denselben Token gesetzt, die diese Seite setzen. Every application below is set from the same tokens that set this page. Rot erscheint je Sicht genau einmal: als Handlung oder Zustand.
14.1Die Startseite / The hub homepage — buildmomentum.pro, obere Falte / above the fold
We build software for business.
Define the work. Build it. Keep it running.
14.1Startseite — der Knotenpunkt nach Tafel 5.5, als Miniatur: Kopfband 52 px — sein Rot ist der Punkt der Wortmarke; Anspruch Stufe 60, klumpig, eine Zeile; Vorspann 43 Zeichen; Handlung → Werkzeile → Nachtfuß mit dem Zuruf. The hub per plate 5.5, in miniature: masthead 52 px — its red is the wordmark’s stop; claim step 60, solid; deck 43 characters; then action, work row, and the night footer with the sign-off. Jedes Feld hält genau ein Rot: das Kopfband den Punkt, der Held die Handlung, der Nachtfuß den Zuruf. Each field holds exactly one red: the masthead the stop, the hero the action, the footer the sign-off. Der Auftritt des Bildworts folgt der Partitur 12.9 — einmal gespielt, dann Ruhe; unter 721 px — also auf der einen Spur der Tafel 5.5 — falten die drei Sätze hinter «Menu», die Ebene öffnet nach 12.7 (240 ms, opacity + translateY 24 px). The lockup’s entrance follows the score of 12.9 — played once, then rest; at 720 px and below the three clauses fold behind Menu, the pane opens per 12.7.
14.2Die Kampagnenkonsole / The campaign console — Textros Arbeitsfläche / Textro’s working surface
| Send | Kampagne / campaign | Zeit / time | Status |
|---|---|---|---|
| s_1500 | april-launch | 15:00 UTC | queued — sends on the hour |
| s_1400 | march-reminder | 14:00 UTC | campaign sent — 12,408 delivered |
| s_1300 | march-reminder | 13:00 UTC | delivery rate 99.98% — 12,405 of 12,408 |
| s_1200 | feb-launch | 12:00 UTC | send failed — 3 of 12,408; retry queued for the next hour |
14.2Kampagnenkonsole — die Sätze stehen wörtlich in der Textbank 13.3; die Zustände folgen 8.6: Wartend in Halbton, Bestand in Tinte, der Fehler als Wort mit ✕ und 3-px-Balken — niemals als Fläche. Solange der Fehler steht, gehört ihm das Rot der Zone (8.8); die Kennzeichnung der Seitenleiste ist Mobiliar. Zahlen tabellarisch, jede mit Einheit. The sentences stand verbatim in the copy bank of 13.3; the states follow 8.6 — pending in halftone, success in ink, failure as a word with ✕ and a 3 px bar, never a fill. While the error stands it owns the zone’s red (8.8); the sidebar marker is furniture. Figures tabular, each with its unit — and specimen figures from the copy bank: das Programm ist im Aufbau, die Werte stehen als Muster in 13.3. the product is in build; the values stand as specimens in 13.3.
14.3Bauteile / The component sheet — die Handlungen des Knotenpunkts als Zustandsproben, mit Fokus und Schwebe prüfbar; die Kopiertaste arbeitet wirklich / the hub’s controls as state specimens — tab through them; the copy button really copies
Tasten / Buttons
Formular / Forms
Karten / Cards
A2P messaging campaign management — in build; the firm’s first work.
The method in three terms; the order holds.
Kontakt / contact
14.3Bauteile — die Primärtaste ist eine Signalrot-Füllung, die bei Schwebe zu Tinte wird; die Sekundäre eine Tintenkontur, die sich füllt; die Leise zieht den roten Unterstrich. Ruhestand: Tonhalle-Grund, Halbton-Text, niemals Opazität (8.7). Fokus sichtbar, 2 px Signal mit 3 px Abstand. Unter den Handlungen trägt allein die Primärtaste Rot; Punkt und Kontrollkästchen sind Mobiliar, der Fehler unten öffnet sein eigenes Feld (8.4). Primary is a signal-red fill that turns ink on hover; secondary an ink border that fills; quiet draws the red underline. Disabled: tone ground, halftone text, never opacity (8.7). Focus visible, 2 px signal at 3 px offset. Among the actions only the primary button carries red; the stop and the checkbox are furniture, and the error below opens its own field (8.4). Tasten, Navigation und Kontrollkästchen sind Zustandsproben: sie zeigen Ruhe, Schwebe, Fokus und Ruhestand — sie navigieren nicht; handeln tun allein der Post-Verweis und die Kopiertaste. The buttons, the navigation and the checkbox are state specimens — they show rest, hover, focus and disabled, and they do not navigate; only the mail link and the copy button act.
14.4Die Produktionsformate / The production artefacts — Favicon und Verweiskarte, wie 6.7 sie Gesetz sind / favicon and social card, as legislated in 6.7
16 px
32 px
Das Zeichen allein, Balken auf voller Feldhöhe — Inline-SVG im Kopf der Seite, kein Build-Schritt (6.7). The mark alone, bars at full field height — an inline SVG in the page head, no build step (6.7).
momentum.
14.4Produktionsformate — die Verweiskarte misst 1200 × 630: Papiergrund, Bildwort auf dem Raster, keine Fotografie, Rot einmal — der Punkt. Die Meta-Zeilen og:title, og:description, og:image und twitter:card stehen auf jeder Produktionsfläche; beide Artefakte sind HTML und SVG, nichts weiter. The social card measures 1200 × 630: paper ground, lockup on the grid, no photography, red once — the stop. The meta lines og:title, og:description, og:image and twitter:card ride on every production surface; both artefacts are HTML and SVG, nothing more.
14.5Das Plakat / The poster — eine Formatprobe, Weltformat F4 / a format specimen
takt
a programme for
measured momentumein Programm für gemessene Bewegung
momentum media solutions
gegründet 2026
buildmomentum.pro
14.5Plakat, 89,5 × 128 cm — Massen verdoppeln, Intervalle halbieren: das Crescendo trägt die Botschaft, sein letzter Balken das eine Rot. Eine Formatprobe, keine Ankündigung — kein Datum, kein Ort, kein Pfad; das Programm selbst ist die Nachricht. Als Social-Format wird nur beschnitten, nie neu gesetzt.
15Werkzeug / Design tokens
momentum media solutions — takt
Die Variablen dieser Seite.
This plate is not an illustration: the values below are the custom properties that set the page you are reading. Copy them, and you have copied the identity.
Farbe / colour
--mm-ink#111111Tinte — Text, Masse / text, mass--mm-paper#FFFFFFPapier — Träger / carrier--mm-signal#E30613Signal — einmal je Feld / once per field--mm-halftone#6E6E6EHalbton — Nebenrang / secondary--mm-halftone-deep#5F5D59Halbton auf Grau — 5.6 : 1 / secondary on tone--mm-tone#EDECE8Tonhalle-Grau — ruhiger Grund--mm-hair#E2E0DBHaarlinie / hairline--mm-night#0F0F0FNacht — Konsole, Plakat / dark surface--mm-night-2#1A1A19Nacht, erhoben / raised dark--mm-night-line#2E2D2BHaarlinie auf Nacht / hairline on night--mm-night-text#B9B7B2Halbton auf Nacht — 9.6 : 1 / secondary on night--mm-error · -night#E30613 · #FF5A63Fehler — Papier/Nacht (8.6, 8.8) / error — paper/night--mm-success · -night#1E7B34 · #4CC96BBestand — Papier/Nacht (8.6) / success — paper/night--mm-pending · -night#6E6E6E · #B9B7B2Wartend — Halbton, beide Flächen / pending — the halftonesTypographie / type
--mm-f-sans'Inter Tight', Helvetica, …MM Grotesk — die eine Familie--mm-f-monoui-monospace, 'SF Mono', …Kürzel, Messwerte, Code / figures of record, code--mm-t-10 · 13clamp(…) je Stufe / per stepLegende, Anmerkung — unter den Oktavreihen / captions, notes — below the octave rows--mm-t-15clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem)Grundtext / body — Reihe A--mm-t-20 … 80clamp(…) je Stufe / per stepzwei Oktavreihen, flüssig (Tafel 9.4)--mm-t-coverclamp(3rem, 0.4rem + 11.4vw, 10.75rem)Umschlag / cover onlyDurchschuss / leading
--mm-l-10 … l-4016 · 20 · 24 · 28 · 36 · 48 pxfest, aus der Grundlinienreihe — gewählt, nie errechnet (9.5) / fixed, from the baseline row (9.5)Raum / space
--mm-base4pxGrundlinie — nie flüssig / never fluid--mm-s-050.375rem — 6halber Schritt / half step--mm-s-1 … s-412 · 24 · 48 · 96Verdopplungsreihe / doubling row--mm-s-5clamp(4.5rem, 4rem + 4vw, 9rem)Tafelabstand / plate spacingRadius
--mm-radius0pxder Takt ist hart / the beat is hardBewegung / motion
--mm-beat120msder Takt / the beat--mm-d-1 … d-8120 · 240 · 480 · 960 msDauern nach Masse / durations by mass--mm-entercubic-bezier(0, 0, 0.2, 1)Ankunft / arrival--mm-exitcubic-bezier(0.6, 0, 1, 1)Anlauf / exitRaster / grid
--mm-cols12die Konstante / the constant--mm-gapclamp(0.875rem, 0.5rem + 1.2vw, 1.5rem)Bund / gutter--mm-marginclamp(1.25rem, 0.25rem + 4.5vw, 4.5rem)Rand / margin--mm-field1392pxdas Feld, maximal / max field--mm-measure60chRuders Zeile / Ruder’s line--mm-header-h52pxKopfband — fixiert (5.5) / masthead, fixedFläche / surface roles
--sf-0 · --sf-1Papier · Ton / paper · toneGrund, erhoben — auf Nacht umgehängt (8.2–8.3) / re-pointed on dark--tx-1 · --tx-2Tinte · Halbton / ink · halftoneTextränge je Fläche / text ranks per surface--ln-1 · --ln-2Haar · Tinte / hair · inkLinien je Fläche / rules per surface--sem-error · --sem-success · --sem-pendingRollen, flächenaufgelöst / resolved per surfaceProduktflächen nur (8.6–8.8) / product surfaces only15.1Auszug, wie ausgeliefert / excerpt, as shipped
/* takt — die Variablen des Programms
the programme’s variables, verbatim */
:root{
--mm-ink:#111111;
--mm-paper:#FFFFFF;
--mm-signal:#E30613;
--mm-beat:120ms;
--mm-enter:cubic-bezier(0,0,.2,1);
--mm-exit:cubic-bezier(.6,0,1,1);
--mm-radius:0px;
--mm-gap:clamp(.875rem,.5rem+1.2vw,1.5rem);
}
/* Auftritt: ganze Takte, Ankunftskurve
entrances: whole beats, arrival curve */
.rv{ transition:opacity var(--mm-d-4) var(--mm-enter),
transform var(--mm-d-4) var(--mm-enter);
transition-delay:calc(var(--b) * var(--mm-beat)); }
/* der Scroll dirigiert, wo er kann
the scroll conducts where it can */
@supports (animation-timeline: scroll()){
.takt{ animation-timeline:scroll(root);
animation-timing-function:steps(64); }
}Die Herausgabe erfolgt als eine CSS-Datei ohne Abhängigkeiten; wer die Token ändert, ändert die Marke — deshalb sind sie versioniert wie Software: eine brechende Änderung hebt die Hauptzahl, eine erweiternde die Nebenzahl, und die Liste oben ist die ausgelieferte Wahrheit. The tokens ship as one dependency-free stylesheet, versioned like software, because changing them changes the brand: a breaking change bumps the major, an addition the minor — and the list above is the truth as shipped.
16Kolophon / Colophon
momentum media solutions — takt
Kolophon / Colophon
16.1Quellen / Sources studied
Müller-Brockmann, J.: Rastersysteme für die visuelle Gestaltung / Grid Systems in Graphic Design. Niggli, 1981.
Müller-Brockmann, J.: Gestaltungsprobleme des Grafikers. Niggli, 1961.
Ruder, E.: Typographie. Niggli, 1967 — u. a. die 60-Zeichen-Zeile.
Hofmann, A.: Methodik der Form- und Bildgestaltung. Niggli, 1965.
Gerstner, K.: Programme entwerfen / Designing Programmes. Arthur Niggli, 1964.
Tschichold, J.: Die neue Typographie. Berlin, 1928.
Neue Grafik / New Graphic Design, Hefte 1–18, 1958–1965. Hg. Lohse, Müller-Brockmann, Neuburg, Vivarelli.
16.2Netzquellen / Web sources consulted
MDN & Chrome Developers: CSS scroll-driven animations — animation-timeline: view() und scroll(), animation-range. developer.mozilla.org / developer.chrome.com, 2023–2026.
C. Mount: Geometrische Analyse des Beethoven-Plakats 1955 — Winkelmodul 11,25°, Breiten 1:2:4:8:16. Behance, 2013.
I Love Typography: A firm turn toward the objective — Josef Müller-Brockmann 1948–1981. ilovetypography.com, 2013.
SOCKS: Musica Viva Posters for the Zurich Tonhalle. socks-studio.com, 2016.
Studiert für die Konventionen des Knotenpunkts / studied for hub conventions: stripe.com, linear.app, vercel.com — Navigation, Docs; übernommen wurde die Ordnung, nie der Ausdruck / their order was studied, never their expression.
16.3Schrift und Technik / Type and production
Gesetzt in Inter Tight (Rasmus Andersson, SIL OFL, über Google Fonts), hier MM Grotesk genannt — als treuer Stellvertreter für Akzidenz-Grotesk, Neue Haas Grotesk und Univers: gleicher Grauwert, geschlossene Formen, neun Gewichte nach Nummern, tabellarische Ziffern.
Diese Ausgabe ist eine einzige HTML-Datei ohne Abhängigkeiten jenseits der Schrift (Google Fonts): alle Figuren Vektor oder CSS auf dem 12-Spalten-Raster, alle Bewegung transform und opacity, der Scroll als Zeitachse, wo der Browser sie führt — und eine ruhende, vollständige Seite, wo nicht. One HTML file, no dependency beyond the typeface; every figure a vector on the grid; every motion a transform; complete even at rest.
Ein Erscheinungsbild ist ein Versprechen in Wiederholung. An identity is a promise kept in repetition — and a programme is the only way to keep it.
Was bleibt, ist der Takt. What remains is the beat.
buildmomentum.
Zweite, bewegte Ausgabe · Zürcher Gestaltungstradition / second, kinetic edition · Zürich design lineage — September 2026.