Unser Branding
Farben, Logos und Richtlinien für eine konsistente Darstellung der Lyndara-Marke – damit unser Auftritt überall stimmig bleibt.
Klick auf einen Farbton kopiert den HEX-Wert.
Akzentfarben
Hintergrundfarben
Textfarben
Lade die passende Variante herunter. Helle Logos gehören auf dunkle Flächen, dunkle auf helle.
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
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; }Live-Vorschau der Standard-UI-Elemente – konsistent auf der gesamten Website einzusetzen.
Buttons
Badges & Tags
Card mit Hover-Effekt
Border-Radius-Skala – für konsistente Rundungen im gesamten Design-System.
Wie wir schreiben – damit unsere Kommunikation überall einheitlich klingt.
Wir sprechen Spieler auf Augenhöhe an – kein Amtsdeutsch, keine Distanz.
Wir sind kein Unternehmen, wir sind eine Gemeinschaft – das spürt man beim Lesen.
Echte Begeisterung – kein übertriebener Hype, keine Clickbait-Sprache.

