# Brand: Logo, Farben und Schriften

> Die Gestaltung von privymail.eu: Logo zum Herunterladen, Farbwerte, selbst gehostete Schriften und Hinweise zur Verwendung.

## Ein Name. Ein Schlüsselloch.

Unsere Marke heißt **privymail.eu**, immer kleingeschrieben und mit der Endung **.eu**. Unser Logo ist das kleine „p“ mit Schlüsselloch. Es bildet den ersten Buchstaben der Wortmarke; einzeln verwendet wird es zur Bildmarke. Die Form basiert auf Manrope und verbindet unseren Namen mit dem Gedanken eines geschützten Postfachs.

> ![privymail.eu, dunkle Wortmarke](https://privymail.eu/brand/wordmark-dark.svg)

Dunkle Wortmarke auf hellem Grund.

> ![privymail.eu, weiße Wortmarke](https://privymail.eu/brand/wordmark-light.svg)

Weiße Wortmarke auf dunklem Grund.

### Logo herunterladen

Wortmarke und Bildmarke gibt es als skalierbare SVG-Dateien für helle und dunkle Hintergründe. Die SVGs bestehen aus Pfaden und benötigen keine installierte Schrift. Die Vorschauen oben zeigen die vollständige Wortmarke.

- [Dunkle Wortmarke als SVG](https://privymail.eu/brand/wordmark-dark.svg)
- [Weiße Wortmarke als SVG](https://privymail.eu/brand/wordmark-light.svg)
- [Dunkle Bildmarke als SVG](https://privymail.eu/brand/mark-dark.svg)
- [Weiße Bildmarke als SVG](https://privymail.eu/brand/mark-light.svg)
- [Bildmarke als PNG, 180 × 180 Pixel](https://privymail.eu/apple-touch-icon.png)

### So bleibt das Logo erkennbar

- Die Proportionen beibehalten; das Logo nicht verzerren, drehen oder mit Schatten versehen.
- Die dunkle Fassung auf hellen, die weiße Fassung auf dunklen Flächen verwenden. Keine zusätzlichen Farben in die Bildmarke einfügen.
- Die Endung **.eu** gehört zur Wortmarke. „privymail“ steht in Manrope mit Gewicht 700, „.eu“ mit Gewicht 400.
- Rundum Platz lassen. Als Richtwert gilt mindestens die halbe Höhe der Bildmarke; Text und andere Logos stehen außerhalb dieses Freiraums.
- Einen ruhigen Hintergrund wählen. Das Logo nicht über unruhige Bilddetails legen.

## Farben

Blau und die dunkle Dämmerungsfarbe prägen die Website. Helle Blautöne schaffen Raum; neutrale Grautöne tragen Texte, Flächen und Konturen. Die Werte unten entsprechen den verwendeten Website-Farben.

| Farbe | HEX | RGB |
|---|---|---|
| Blau | `#3C83F6` | 60 / 131 / 246 |
| Dämmerung | `#022C70` | 2 / 44 / 112 |
| Tiefblau | `#0544A5` | 5 / 68 / 165 |
| Lichtblau | `#81B6FF` | 129 / 182 / 255 |
| Eisblau | `#F3F8FF` | 243 / 248 / 255 |
| Aktionsblau | `#1D63D8` | 29 / 99 / 216 |
| Standardtext | `#18181B` | 24 / 24 / 27 |
| Fließtext | `#2E3038` | 46 / 48 / 56 |
| Sekundärtext | `#5E616E` | 94 / 97 / 110 |
| Nebel | `#6F7280` | 111 / 114 / 128 |
| Dunst | `#AFB3C4` | 175 / 179 / 196 |
| Fläche | `#EDEEF2` | 237 / 238 / 242 |
| Kontur | `#E4E4E7` | 228 / 228 / 231 |
| Logo dunkel | `#0F1B33` | 15 / 27 / 51 |
| Domain dunkel | `#7A8396` | 122 / 131 / 150 |
| Weiß | `#FFFFFF` | 255 / 255 / 255 |

**Für die Anwendung:** Aktionsblau ist die Farbe der blauen Schaltflächen mit weißer Schrift. Carbon ist die Standardfarbe für Text; Fließtext auf Inhaltsseiten verwendet Slate, sekundärer Text Steel. Helle Akzentfarben sind vor allem für Flächen und grafische Details gedacht. Für Texte, Bedienelemente und Fokusrahmen den Kontrast mit dem konkreten Hintergrund prüfen; ein Farbwert allein ist keine Zusage ausreichender Lesbarkeit.

[Farbpalette als CSS herunterladen](https://privymail.eu/brand/palette.css). Die Datei enthält die Farbwerte als CSS Custom Properties.

## Schriften

### Manrope

> **privymail.eu**

### Geist

> E-Mail aus Europa. Klar und direkt.

### EB Garamond

> Ein Postfach mit Haltung.

| Schrift | Verwendung | Gewicht auf der Website |
|---|---|---|
| Manrope | Wortmarke | 700 für den Namen, 400 für .eu |
| Geist | Fließtext, Navigation und Bedienelemente | je nach Rolle, meist 400 bis 600 |
| EB Garamond | große Überschriften und redaktionelle Akzente | 500 |

Alle Schriften werden von unserem eigenen Server ausgeliefert. Sie stehen unter der SIL Open Font License; die mitgelieferten Lizenztexte gelten für die Schriftdateien.

- [Lizenz von Manrope](https://privymail.eu/fonts/LICENSE-manrope.txt)
- [Lizenz von Geist](https://privymail.eu/fonts/LICENSE-geist.txt)
- [Lizenz von EB Garamond](https://privymail.eu/fonts/LICENSE-eb-garamond.txt)

## Bilder und Sprache

Das Europa-Panorama zeigt europäische Wahrzeichen, darunter das Brandenburger Tor. Es bleibt eine Illustration ohne Berge. Es begleitet den Auftritt, ohne Text oder Logo zu überlagern.

Wir schreiben klar, konkret und freundlich. Der Name bleibt in beiden Sprachen gleich: **privymail.eu**. Deutsche und englische Seiten vermitteln dieselben Inhalte.

Für Fragen zu Markenmaterialien: [Kontakt](https://privymail.eu/contact.md).

---

- privymail.eu: patchletter UG (haftungsbeschränkt) · Deutschland
- Diese Seite als HTML: https://privymail.eu/brand/
- English version: https://privymail.eu/en/brand.md
