CluPilotCloud/docs/design/README.md

1.2 KiB

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