# 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 |