Die Kachelzeichen komplett neu -- Plaketten statt getoenter Quadrate

Rueckmeldung: "ich will dass die viel krasser aussehen, du veraenderst
immer nur minimal." Berechtigt. Drei Durchgaenge lang habe ich an
Details gedreht (Verlauf, dann Fuellung) -- jeder fuer sich richtig, in
der Summe kaum sichtbar. Das hier ist der Umbau.

DIE PLAKETTE war ein leicht getoentes Quadrat mit duennem Rand. Sie ist
jetzt ein KOERPER:
  * 58 statt 52 px (gross: 70 statt 62)
  * Verlauf ueber die Diagonale statt flacher Toenung
  * Lichtkante oben INNEN, Schattenkante unten innen -- zusammen eine
    Woelbung, das Feld wirkt gepraegt statt gemalt
  * ein Hof in der eigenen Farbe darunter
  * ein Glanzbogen darueber, der von links oben einfaellt

DAS ZEICHEN war eine duenne Kontur. Es besteht jetzt aus DREI Lagen mit
je eigenem Verlauf:
  KOERPER   gefuellte Grundform, oben satt, unten fast weg -- eine
            gleichmaessig gefuellte Form ist ein Aufkleber, eine
            auslaufende ist ein Koerper
  GLANZ     schmaler heller Streifen quer ueber die obere Haelfte,
            genau auf dem Koerper. Die Spiegelung.
  KONTUR    oben fast WEISS, unten im Farbton. So sieht Metall aus, auf
            das Licht von oben faellt -- das ist der Grund, warum die
            Zeichen jetzt plastisch wirken statt gezeichnet.
Dazu 29 statt 25 px und Strichstaerke 2,05 statt 1,65: Die Zeichen
sollen TRAGEN, nicht andeuten. Zaghaft war genau das Problem.

Alle drei Verlaeufe stehen EINMAL im Dokument und arbeiten mit
currentColor -- sie nehmen den Ton jeder der siebzehn Kacheln an. Drei
Verlaeufe statt einundfuenfzig.

Alles bleibt gedeckt: Ein leuchtender Kasten waere in einer dunklen
Oberflaeche eine Lampe, und Lampen schaut man nicht stundenlang an.
Im Wasserzeichen hinter dem Kacheltext und im Kontrastmodus bleiben
Koerper und Glanz aus.

GEPRUEFT: Buehne 38 (Textkontrast an echten Bildpunkten -- die
kraeftigeren Plaketten duerfen die Lesbarkeit nicht antasten),
Startansicht 133, Rollen 97, Handy 50, Grosscheck 15, Lesbarkeit 14.
Alle gruen.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-09-03 01:59:59 +02:00
co-authored by Claude Opus 5
parent 7d77f3ea6b
commit 46e62fbaf7
30 changed files with 283 additions and 190 deletions
+8 -8
View File
@@ -7,10 +7,10 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#05070d" />
<link rel="icon" href="assets/img/favicon.png" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609030141" />
<link rel="stylesheet" href="assets/css/gate.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/start.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609030159" />
<link rel="stylesheet" href="assets/css/kalender.css?v=202609030159" />
</head>
<body class="start">
@@ -178,9 +178,9 @@
</main>
<script src="assets/js/wahl.js?v=202609030141" defer></script>
<script src="assets/js/bereiche.js?v=202609030141" defer></script>
<script src="assets/js/kopf.js?v=202609030141" defer></script>
<script src="assets/js/kalender.js?v=202609030141" defer></script>
<script src="assets/js/wahl.js?v=202609030159" defer></script>
<script src="assets/js/bereiche.js?v=202609030159" defer></script>
<script src="assets/js/kopf.js?v=202609030159" defer></script>
<script src="assets/js/kalender.js?v=202609030159" defer></script>
</body>
</html>