murattunalı.

ANSATZ — METHODENSEITE 00 / 07

„Fertig“ gibt es erst nach der Messung.

Keine Team-Seite. Eine Methoden-Seite.

Wie wir arbeiten zählt mehr als wer wir sind. Prinzipien statt Referenzliste; Standards statt Titel.

Unter jedem Prinzip steht eine Wache, die es schützt — und Sie können diese Wache von hier aus absichtlich brechen. Oder prüfen Sie die Seite jetzt in Ihrem eigenen Browser: Die Zahlen unten sind nicht unsere Behauptung, sondern die Messung Ihres Geräts.

EINE WACHE FALLEN LASSEN ↓ ENTSCHEIDUNGSBUCH ↓ Ihre Website maschinell lesen lassen →

SUITE — ZUR BUILD-ZEIT SCHWELLE — KEINE MESSUNG

1641 AKTIVE WACHEN

KONTRAST-BASIS
4.5:1
TASTATUR-TOUR
VOLLSTÄNDIG
BESCHNITT IN DREI SPRACHEN
0
SCROLL-CLS
0,05
SIGNATURELEMENT
1

IN DIESEM BROWSER

Ein bestandener Test beweist nichts. Für jede erfasste Wache wurde die Regel zuerst absichtlich gebrochen, das Rot gesehen und der Verstoß zurückgenommen.

01 — PRINZIPIEN

FÜNF PRINZIPIEN · FÜNF WACHEN

01

Keine Behauptung ohne Beleg.

Wir schreiben keine Zahl, die wir nicht belegen können — weder auf unserer Website noch auf Ihrer. Statt leerer Lobreden zeigen wir Methode.

WACHE iddia-kanit

nicht belegbare Zahlen BESTANDEN

02

Mut an einer Stelle.

Ein Signature-Element pro Projekt; alles andere bleibt diszipliniert und leise. Erinnert wird man nicht durch Unruhe.

WACHE imza-tekligi

Signaturelemente BESTANDEN

03

Performance ist eine Designentscheidung.

Eine Idee, die nicht ins Budget passt, fällt weg — so schön sie auch sei. Tempo, Barrierefreiheit und Eleganz gehören in denselben Satz.

WACHE kaydirma-cls

Layoutverschiebung BESTANDEN

04

Gebaut für zwei Leser.

Ein Mensch und ein Modell. Die sichtbare Ebene spricht zum Menschen, die Strukturebene zur Maschine — beide sagen dasselbe.

OrganizationProfessionalServicePersonWebSiteBreadcrumbListWebPage

WACHE yapi-katmani

Entitäten BESTANDEN

05

Barrierefreiheit ist nicht verhandelbar.

AA-Kontrast, Tastaturfokus, vollständiger Reduced-Motion-Ablauf. Das sind keine Features, das ist die Basis.

WACHE kontrast-aa

niedrigster Kontrast BESTANDEN

LIVE-PRÜFUNG IN DIESEM BROWSER, JETZT

  1. kontrast-aa Niedrigster Textkontrast
  2. dokunma-hedefi Kleinstes Touch-Ziel
  3. baslik-duzeni Überschriftenordnung
  4. odak-halkasi Fokusring
  5. hareket-tercihi Bewegungspräferenz
  6. duzen-kaymasi Layoutverschiebung (CLS)
  7. en-buyuk-boyama Größte Zeichnung (LCP)
  8. ilk-boyama Erste Inhaltszeichnung (FCP)
  9. uzun-gorev Lange Aufgaben
  10. metin-kirpma Abgeschnittener Text
  11. yatay-tasma Horizontaler Überlauf
  12. dil-etiketi Dokumentsprache
  13. yapi-katmani Strukturebene
  14. belge-agirligi Dokument + Skript + Stil
  15. yazi-tipi-agirligi Schriftgewicht auf der Leitung

Niemals.

AUCH WAS WIR NICHT TUN, MUSS AUFGESCHRIEBEN SEIN

  • Erfundene Kennzahlen, gefälschte Kundenlogos, erdachte Testimonials ABGELEHNT
  • Effekte, die nicht ins Performance-Budget passen ABGELEHNT
  • Dark Patterns: versteckte Kosten, erzwungene Anmeldung, falsche Dringlichkeit ABGELEHNT
  • Behauptungen von „Weltklasse“ ohne Beleg ABGELEHNT

02 — DAS SYSTEM, GEZEICHNET

WERTE AUS DEM CODE GELESEN

DAS SYSTEM, GEZEICHNET

Scharfstellen — Anatomie des Signature-Effekts

blur 12px · opsz 24 · opacity 0,25
blur 0px · opsz 72 · opacity 1

ZIEHEN — ODER PFEILTASTEN blur 12,0 opsz 24 opacity 0,25

Ein einziges Signature-Element: Unschärfe 12→0 Pixel, Optische-Größe-Achse 24→72, Deckkraft 0,25→1. Nur H1 und H2, einmal pro Element — die Werte werden aus js/motion.js gelesen, die Tafel kann nicht vom Code abweichen.

Das Rastersystem

--container 1280–1720px · --margin-d 80px · --gutter-d 24px · 12 × 1fr

Die Zeichnung entsteht aus echten Werten, die aus css/tokens.css gelesen werden: Containerbreite, Rand, Spaltenabstand und Spaltenzahl können nicht vom Code abweichen. Der Inhalt sitzt links; die rechte Leere ist Signalraum.

WERKZEUGE: statisches HTML · GSAP · View Transitions · AVIF/WebP · schema.org · llms.txt

Die Architektur der Wachen ist quelloffen ↗

03 — METHODE

DREI KONKRETE FÄLLE

Der zweite Mechanismus läuft gerade auf Ihrem Gerät. Die Schaltfläche „DIESE SEITE JETZT PRÜFEN“ führt 15 Messungen in Ihrem Browser aus: Kontrast, Touch-Ziele, Überschriftenordnung, Layoutverschiebung, Zeichenzeit, Beschneidung, Gewicht. Liefert Ihr Browser einen Wert nicht, steht in der Zeile „NICHT MESSBAR“ — wir schreiben dort keine Schätzung hin. Kommt Rot heraus, bleibt es Rot.

04 — DIE GRENZE

05 — ENTSCHEIDUNGSBUCH

BEGRÜNDUNG + VERWORFENE ALTERNATIVE

Sprachvorschlags-Banner

NICHT GEBAUT

Besucher in ihre eigene Sprache zu leiten ist ein vertretbares Muster — es erfordert aber, ein „einmal gezeigt“-Kennzeichen zu speichern, also ein Cookie oder lokalen Speicher. Der Datenschutztext sagt, dass keine Cookies verwendet werden.

STATTDESSENDer Konflikt wurde zugunsten der Behauptung entschieden: Das Banner wurde nie gebaut. Alle drei Sprachen bleiben im Header sichtbar. Die Suite misst es bei jedem Lauf — nach dem Ausfüllen des Formulars müssen gespeicherte Werte null sein.

Team-Seite

ABGELEHNT

Eine Team-Seite ist ein Vertrauensinstrument, aber ein indirektes: Sie zeigt, wer hier arbeitet, nicht wie gearbeitet wird. Ein Titel garantiert kein Ergebnis, eine Referenzliste beschreibt keine Methode.

STATTDESSENDie Seite, die Sie lesen, und dieses Buch.

Rechtstexte

OFFEN GELASSEN

Datenschutz und Nutzungsbedingungen sind live, wurden aber nicht von einer Juristin oder einem Juristen verfasst. Jede darin enthaltene technische Tatsache wurde gemessen; die rechtliche Belastbarkeit ist eine andere Frage.

STATTDESSENDie Lücke wird nicht verborgen: Sie steht im Warnfeld der Datei selbst.

EN-/DE-Oberflächentexte

WARTET AUF FREIGABE

Ein Teil der Oberflächentexte ist aus dem freigegebenen Türkischen abgeleitet, ein Teil übersetzt. Was wovon stammt, ist in der Datei markiert.

STATTDESSENDie übersetzten sind live, warten aber auf Freigabe. Die Lücke aufzuschreiben hat einen praktischen Grund: Eine verborgene Lücke wird irgendwann für die Wahrheit gehalten.

Aufhänger
—
h1 · Behauptung
—
VERHÄLTNIS
— / Obergrenze 0,50

QUELLEN

VERFASST VON Murat Tunalı Gründer. Zwanzig Jahre Enterprise-IT-Infrastruktur + Webentwicklung.