Zum Inhalt springen
ZVVAtlas · Showcase

Command Palette

Schnell durch Atlas navigieren

ZVV Lotties

Die 34 offiziellen ZVV-Header-Animationen von lottie.zvv.dev — als LinkedIn-Banner für MA, frei im Composer kombinieren, oder einzeln im Katalog durchstöbern.

LinkedIn-Banner-Generator

Für ZVV-Mitarbeitende: Name + Funktion, ZVV-Branding, getintete Lottie → PNG-Export in exakter LinkedIn-Auflösung (1584×396)

Desktop
ZVV
Marcel Rapold
ICT · Zürcher Verkehrsverbund
Gemeinsam vorwärts
Profilfoto
Mobile (LinkedIn-App · voller Banner, Profilfoto unten links)
ZVV
Marcel Rapold
ICT · Zürcher Verkehrsverbund
Gemeinsam vorwärts
Foto

Reality-Check: Die LinkedIn-App zeigt den Banner heute in voller Breite (nicht nur die Mitte). Einzige echte Sperrzone ist das Profilfoto unten links → Text rechtsbündig halten. Export = exakt 1395×348 (ohne Guides/Editor).

Text-Ausrichtung
Hintergrund
Lottie

Position: Lottie in der Desktop-Vorschau ziehen · Ecken = Größe (Ratio fix).

Lottie-Composer

Drag-&-Drop-Editor: Lotties stapeln, frei platzieren (Center-Punkt + Eck-Resize), tinten, Blend & Opacity — mit Vollbild-Vorschau

ZVV · Composite
Gemeinsam vorwärts
Hintergrund:

Box ziehen = verschieben · Eck-Punkte ziehen = Größe (symmetrisch um den Center-Punkt, aufs native Ratio jeder Lottie gelockt → kein Beschnitt) · Klick = auswählen. Helle Lotties brauchen dunklen BG; screen nur auf dunkel.

Layer (2/4)

Layer-Eigenschaften — element04
Tint
86×55% · Ratio 2.77 (nativ)

Katalog · alle 34

Offizielle ZVV-Header-Animationen — lazy geladen, reduced-motion-safe. Klick kopiert nichts; nutze die Nummern im Composer.

element01
element02
element03
element04
element05
element06
element07
element08
element09
element10
element11
element12
element13
element14
element15
element16
element17
element18
element19
element20
element21
element22
element23
element24
element25
element26
element27
element28
element29
element30
element31
element32
element33
element34