Adding logo animations #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

nclm wants to merge 7 commits into joinloops:main from nclm:main

README.md

-Original file line number
+Diff line change
@@ -1,5 +1,5 @@
     # Loops Brand Assets
-    Logos and other brand assets for [Loops](https://github.com/joinloops). Original design by [Rhubarbe](https://rhubarbe.design).
+    Logos and other brand assets for [Loops](https://github.com/joinloops). Original design and animation by [Rhubarbe](https://rhubarbe.design).
     ## Colors
     The brand colors of Loops are:
@@ Expand Down Expand Up @@
     > [!IMPORTANT]
     > The Loops symbol is positionned so that the triangle is optically centered in a holding shape, meaning it’s shifted to the right compared to a naive mathematical centering. Keep it like so unless you know what you’re doing :)
+    ## Animations
+    Several [animated versions](./animation/) of the logo are provided:
+    * **Pulse** variants, for idents or calling attention, played once
+    * **Turn** variants, for idents or loading, played once or in a loop
+    * **Waves** variants, for loading or idle states, played in a loop
+    The animations are available in the following formats:
+    * **Lottie** ([format details](https://lottie.github.io)), for vector web and app playing
+    * **MP4** (H.264 codec, 3840px), over a yellow background
+    * **MOV** (Animation codec with alpha channel, 1920px), over a transparent background

animation/lottie/loops_logo_anim_pulseA_1.lot

Large diffs are not rendered by default.

animation/lottie/loops_logo_anim_pulseB_1.lot

Large diffs are not rendered by default.

animation/lottie/loops_logo_anim_turnA_1.lot

Large diffs are not rendered by default.

animation/lottie/loops_logo_anim_turnB_1.lot

Large diffs are not rendered by default.

animation/lottie/loops_logo_anim_turnC_1.lot

Large diffs are not rendered by default.

animation/lottie/loops_logo_anim_waveA_1.lot

Large diffs are not rendered by default.

animation/lottie/loops_logo_anim_waveB_1.lot

Large diffs are not rendered by default.

animation/transparent-mov/loops_logo_anim_pulseA_transparent_1920.mov

Binary file not shown.

animation/transparent-mov/loops_logo_anim_pulseB_transparent_1920.mov

Binary file not shown.

animation/transparent-mov/loops_logo_anim_turnA_transparent_1920.mov

Binary file not shown.

animation/transparent-mov/loops_logo_anim_turnB_transparent_1920.mov

Binary file not shown.

animation/transparent-mov/loops_logo_anim_turnC_transparent_1920.mov

Binary file not shown.

animation/transparent-mov/loops_logo_anim_waveA_transparent_1920.mov

Binary file not shown.

animation/transparent-mov/loops_logo_anim_waveB_transparent_1920.mov

Binary file not shown.

animation/yellow-mp4/loops_logo_anim_pulseA_1.mp4

Binary file not shown.

animation/yellow-mp4/loops_logo_anim_pulseB_1.mp4

Binary file not shown.

animation/yellow-mp4/loops_logo_anim_turnA_1.mp4

Binary file not shown.

animation/yellow-mp4/loops_logo_anim_turnB_1.mp4

Binary file not shown.

animation/yellow-mp4/loops_logo_anim_turnC_1.mp4

Binary file not shown.

animation/yellow-mp4/loops_logo_anim_waveA_1.mp4

Binary file not shown.

animation/yellow-mp4/loops_logo_anim_waveB_1.mp4

Binary file not shown.