1satz AG Single Source of Truth

Logo, Farben und Schrift für alle 1satz-Apps, -Webseiten und -E-Mails. Regel: referenzieren, nicht kopieren. Eine Änderung hier — alle ziehen automatisch nach.

Farben

--brand-teal
#007A7A
--brand-teal-light
#4da8a8
--brand-tint
#e6f2f2
--brand-ink
#1a1a1a
--brand-gray
#5c5c5c
--brand-gray-light
#adadad

Logo · jede Variante als SVG + hi-res PNG (transparent)

→ Komplettes Logo-Paket (alle Hintergründe, PNG 2×/4×, Specs)

Einbinden

Web — referenzieren ✅
<!-- <head> -->
<link rel="stylesheet"
      href="https://brand.1satz.ch/tokens.css">

/* danach NUR Variablen, nie Hex */
.btn { background: var(--brand-teal); }

<img src="/logo/full-teal.svg"
     alt="1satz AG" height="32">
E-Mail — Inline + PNG ⚠️
<td style="background:#007A7A;
   color:#fff;
   font-family:'Plus Jakarta Sans',Arial">…</td>

<img src="https://brand.1satz.ch/logo/email.png"
     alt="1satz AG" width="160">

Warum so? Web kann die Quelle laden → immer aktuell. E-Mail-Clients sperren externes CSS/SVG → dort einmal Hex + PNG. Volle Anleitung: INTEGRATION.md