38 lines
1.2 KiB
Markdown
38 lines
1.2 KiB
Markdown
# 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.
|
|
|
|
```bash
|
|
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 |
|