CluPilotCloud/docs/design
nexxo 96dac236e8
tests / pest (push) Successful in 7m3s Details
tests / assets (push) Successful in 20s Details
tests / release (push) Successful in 4s Details
Write the handoff, and rescue the approved templates into the repo
The three templates the design was signed off against lived in a
session-scoped scratchpad and would have disappeared with the session — the one
artefact the whole conversion is measured against. They are in docs/design/ now,
with the measurements that were got wrong at least once written down beside
them, and a note that the way to check is to render and measure rather than to
read the source. That distinction already settled one disagreement: the source
said the metric grid used a 20px gap, rendered it is 14px.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-27 20:18:20 +02:00
..
README.md Write the handoff, and rescue the approved templates into the repo 2026-07-27 20:18:20 +02:00
tpl-console.html Write the handoff, and rescue the approved templates into the repo 2026-07-27 20:18:20 +02:00
tpl-home.html Write the handoff, and rescue the approved templates into the repo 2026-07-27 20:18:20 +02:00
tpl-portal.html Write the handoff, and rescue the approved templates into the repo 2026-07-27 20:18:20 +02:00

README.md

Freigegebene Vorlagen

Diese drei Dateien sind der abgenommene Entwurf für Startseite, Kundenportal und Konsole. Sie sind der Maßstab, gegen den umgesetzt wird — nicht eine Inspiration.

Sie lagen ursprünglich in einem sitzungsgebundenen Scratchpad und wären mit der Sitzung verschwunden.

Wie man dagegen prüft

Nicht im Quelltext lesen — rendern und messen. Das hat schon einmal einen Streit entschieden: eine Quelltext-Prüfung behauptete 20px Rasterabstand, gerendert sind es 14px.

cp docs/design/tpl-portal.html public/__tpl.html   # danach wieder löschen

Dann im Browser beide Seiten mit getComputedStyle abmessen und Spalte gegen Spalte vergleichen.

Maße, die schon einmal danebenlagen

Vorlage
Rasterabstand 14px
Kartenpolsterung 18px 20px
Kartenradius 16px
Beschriftung 11.5px, .07em, Mono
Wert 25px / 600 / -.02em / 9px oben
Einheit 13px / 450
Fußzeile 12px / 6px oben
h1 30px / 700 / -.03em / 1.12 — unter 900px 23px
Badge 12px / 500, 4px 11px, 7px Abstand → 29px hoch
Button 14px / 600, 0 18px, min-height 40px, Radius 10px
Spalten 4 → 2 ab 1100px → 1 ab 560px