Style Guide

Eine praktische Referenz für die Erstellung markenkonformer Websites, Druckmaterialien und Social-Media-Posts für AyniHealth.

Logo

Das AyniHealth-Logo verwendet eine markante Bildmarke mit einem Verlauf von Blau zu Violett neben dem Schriftzug. Halten Sie stets ausreichend Schutzraum um das Logo ein und verzerren Sie niemals seine Proportionen.

Kombinationen aus Logo und Name

AyniHealth^™

Logo-Verlauf: Die Bildmarke verwendet einen mehrstufigen linearen Verlauf von Tiefblau (#1539ba) zu Violett (#b04cc3).

#1539ba → #b04cc3

Logo-Dateien herunterladen

Adobe Illustrator (.ai)

Quelle

621 KB — Bearbeitbare Quelldatei mit Ebenen und Verlaufsdefinitionen

Vektor (skalierbar, für Druck und große Formate)

SVG

4 KB — Skalierbar für Web, responsive Layouts und Icons

PDF

285 KB — Druckfertiger Vektor für Dokumente und Beschilderung

Bitmap (feste Auflösung, für Web und Social Media)

PNG (1334 x 1334)

169 KB — Transparenter Hintergrund, hohe Auflösung

JPEG (667 x 667)

111 KB — Weißer Hintergrund, kleinere Dateigröße

Farbpalette

Primärfarbe

Ayni Purple

HEX: #9370db

OKLCH: oklch(0.61 0.22 293)

Verwendet für Schaltflächen, Links, Überschriften und interaktive Akzente auf der gesamten Plattform.

Logo-Verlauf

#1539ba

#b04cc3

Reserviert für die Bildmarke und dekorative Hero-Elemente. Nicht als Textfarbe verwenden.

Design-System-Tokens

Hintergrund

--background

Vordergrund

--foreground

Karte

--card

Gedämpft

--muted

Gedämpfter Vordergrund

--muted-foreground

Rahmen

--border

Typografie

Hauptschrift

AyniHealth verwendet Geist Sans als Hauptschrift, mit Inter und system-ui als Fallback. Geist wird in allen UI-, Marketing- und Druckmaterialien eingesetzt.

Geist Sans → Inter → system-ui → sans-serif

Schriftstärken

Bold (700)

Seitentitel, Hero-Überschriften

Semibold (600)

Abschnittsüberschriften, Karten-Titel, Logo-Schriftzug

Medium (500)

Navigation, Beschriftungen, Hervorhebungen

Regular (400)

Fließtext, Beschreibungen

Hintergrund für Videokonferenzen

Verwenden Sie diesen markenkonformen Hintergrund für Videoanrufe und virtuelle Meetings, um eine professionelle und einheitliche Teampräsenz zu wahren.

Hintergrund herunterladen

PNG — 1920 × 1080 px (Full HD)

Markenzeichen und Verwendung

Verwenden Sie bei der ersten Erwähnung der Marke in einem Dokument oder auf einer Seite stets die markenrechtlich geschützte Form.

Erste Erwähnung: AyniHealth™ (mit Markenzeichen-Symbol)
Folgende Erwähnungen: AyniHealth (ohne Symbol erforderlich)
In Markenkontexten niemals als „Ayni Health" (zwei Wörter) schreiben
Produktnamen: Connect, Catalyst und Compass (großgeschrieben, ohne Markenzeichen-Symbol)
Rechtsträger: AyniHealth Group