Product Logo

Logo und Branding anpassen

So passt du Logo und Header-Elemente deiner easyWebsite an.

Easy Mode

Setze die Logo-Parameter in der .gitlab-ci.yml:

Parameter

ParameterBeschreibung
logo-pathPfad zur Logo-Bilddatei (SVG, PNG, JPG) für den Header
header-lower-badge-logo-pathPfad zum Badge-Logo im unteren Header-Bereich

Alle weiteren Parameter findest du in der Referenz der CI/CD-Komponenten.

Developer Mode

Konfiguriere Branding in der theme.config.tsx:

Konfigurationsoptionen

EigenschaftTypDefaultBeschreibung
logoReactNode | FCDigitalwappen (SVG)Logo-Komponente im Header
logoTextstring""Text neben dem Logo
logoLinkboolean | stringtruetrue → Startseite, false → kein Link, string → benutzerdefinierte URL
faviconGlyphstringEmoji als Favicon (z. B. "📚")
header.lowerBadgeLogoPathstringPfad zum Badge-Logo

Logo-Formate

  • SVG empfohlen — skaliert ohne Qualitätsverlust
  • PNG/JPG möglich — verwende ausreichende Auflösung (mind. 2x für Retina)
  • Lege Logo-Dateien im assets-Ordner ab