Markenelemente

Unser Branding

Farben, Logos und Richtlinien für eine konsistente Darstellung der Lyndara-Marke – damit unser Auftritt überall stimmig bleibt.

Farbpalette

Klick auf einen Farbton kopiert den HEX-Wert.

Akzentfarben

Hintergrundfarben

Textfarben

Logos

Lade die passende Variante herunter. Helle Logos gehören auf dunkle Flächen, dunkle auf helle.

Lyndara – Wortmarke
WortmarkeVolles Logo „Lyndara Network" – für dunkle Hintergründe.
Download
Lyndara – Icon „L"
Icon „L"Kurzform für Avatare, Favicons & enge Flächen – dunkler Hintergrund.
Download
Verwendungsrichtlinien

Erlaubt

  • Originalproportionen beibehalten
  • Ausreichend Freiraum um das Logo lassen
  • Auf kontrastreichem Hintergrund platzieren
  • Transparente Originaldateien verwenden

Nicht erlaubt

  • Logo verzerren oder stauchen
  • Logofarben verändern oder umfärben
  • Logo drehen oder kippen
  • Schatten, Glow oder Effekte hinzufügen
Typografie & Effekte
Aa Bb Cc
PoppinsBody & UI – Standardschrift der Website
Aa Bb Cc
MinecraftDekorativ – thematische Akzente
Aa
Press Start 2PPixel-Akzente – sparsam einsetzen

Card-Hover-Pattern

Die grüne Top-Border, die auf :hover erscheint – Standard für alle Karten.

.card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--accent-primary), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}

.card:hover::before { opacity: 1; }
UI-Komponenten

Live-Vorschau der Standard-UI-Elemente – konsistent auf der gesamten Website einzusetzen.

Buttons

Badges & Tags

OnlineOfflineDiscordBetaNeu

Card mit Hover-Effekt

Beispielkarte
Standard-Card-Pattern auf Lyndara – hover drüber!
Abstände & Radien

Border-Radius-Skala – für konsistente Rundungen im gesamten Design-System.

4pxChips, Inputs
8pxButtons, Tags
12pxCards
16pxModal, Panels
9999pxPills, Badges
Ton & Sprache

Wie wir schreiben – damit unsere Kommunikation überall einheitlich klingt.

Freundlich & direkt

Wir sprechen Spieler auf Augenhöhe an – kein Amtsdeutsch, keine Distanz.

„Tritt unserem Discord bei!"
„Es wird um Beitritt zum Discord-Server gebeten."
Community-first

Wir sind kein Unternehmen, wir sind eine Gemeinschaft – das spürt man beim Lesen.

„Gemeinsam bauen wir etwas Großes."
„Die Nutzerzahl wird kontinuierlich ausgebaut."
Enthusiastisch, nicht reißerisch

Echte Begeisterung – kein übertriebener Hype, keine Clickbait-Sprache.

„Neue Season, neue Möglichkeiten – wir freuen uns!"
„KRASSE NEW SEASON!! UNBEDINGT SPIELEN!!"