Elements Logos

To save:
Right-click or tap and hold an image

Elements STX, Logo Animation Gallery

Elements STX, Logo Animations

I made these playing around for inspiration. I think there are keepers in here, maybe for a themed holiday logo campaign, or just to slip a cool animated logo in the right spots.

Anything here is easy to change: color, speed, size, glow, or putting a treatment onto a different version. Tell me the numbers you like and what you would tweak.

Premium / Calm

The favored soft, low-key direction. Monochrome sage on cream.
1
Sunrise

Sunrise new

A warm light blooms up from behind the sage mark, like a low, slow sunrise glow.

elements-logo-sunrise
2
Dew

Dew new

Tiny dewdrop highlights catch light along the strokes. Fresh and spa-like.

elements-logo-dew
3
Caustics

Caustics new

Rippling water-caustic light plays gently across the mark, a watery shimmer that suits recovery without being literal.

elements-logo-caustics
4
Soft Mist

Soft Mist

A soft drifting mist passes over the calm sage mark for an airy, spa-like feel.

elements-logo-soft-mist
5
Fade-in Classic Soft

Fade-in Classic, Soft

A subtler, slower tuning of the keeper. Same monochrome motion, longer and calmer loop.

elements-logo-fadein-classic-soft
6
Sheen Classic

Sheen Classic

A slow light gloss drifts across the sage mark, a soft premium glint that reads as polish.

elements-logo-sheen-classic
7
Breathe Classic

Breathe Classic

The mark gently swells and settles with a soft halo, like one calm breath.

elements-logo-breathe-classic
8
Fade-in Classic

Fade-in Classic keeper

The current keeper. The mark fades up from soft light; the flame has a gentle rising shimmer and the waves a slow drifting highlight. Monochrome sage only.

elements-logo-fadein-classic
9
Fade-in Elemental

Fade-in, Elemental early

An early fade-in in full color (fire and ice), off the monochrome spec. Kept for comparison.

elements-logo-fadein-elemental
10
Fade-in Sage

Fade-in Sage early

A plainer early fade-in on the original sage logo, before the keeper treatment.

elements-logo-fadein-sage
11
Breathe Sage

Breathe Sage early

The breathe swell and halo on the original sage logo, pre-keeper treatment.

elements-logo-breathe-sage
12
Sheen Sage

Sheen Sage first one

The first gloss-drift sheen, on the original sage logo. The one you liked first.

elements-logo-sheen-sage

Holiday

Seasonal variants in the same calm style. Soft and low-key, no flashy bursts.
13
Holiday New Year

Holiday, New Year

Sage mark with gentle slow sparkle and shimmer, a few soft gold and pearl twinkles.

elements-logo-holiday-newyear
14
Holiday Winter

Holiday, Winter

Sage mark on cream with soft, slow snowfall drifting past. Cozy and quiet.

elements-logo-holiday-winter

Tracer / Metal

Energetic and premium-metal directions on a dark field. Use sparingly versus the soft set.
15
Classic Sage Tracer

Classic + Tracer, Sage new

The calm classic logo on cream, with a soft sage tracer running every stroke. The hybrid: keeps the premium quiet look but adds a gentle line of motion.

elements-logo-tracer-sage-classic
16
Classic Sage Tracer Pulse

Classic + Tracer, Sage Pulse new

Same cream classic with a sage tracer, but the comet eases slow at the loop ends and glides faster through the middle. A breathier version of the hybrid.

elements-logo-tracer-sage-classic-pulse
17
Sage Tracer Dark

Sage Tracer, Dark new

The same sage tracer on a dark field, so the line of light reads as a soft glow rather than a quiet accent. The bolder cousin of the cream classic.

elements-logo-tracer-sage
18
Sage Tracer Dark Pulse

Sage Tracer, Dark Pulse new

The dark sage tracer with the slow-fast-slow speed ramp, the comet breathing through each loop.

elements-logo-tracer-sage-pulse
19
Beskar Metal Sage

Beskar Metal, Sage new

The beskar metal treatment in a warm sage and gold cast, the brand-tinted take on the silver version. Sheen sweep plus a tracer around every stroke.

elements-logo-tracer-mando-sage
20
Beskar Metal Mando

Beskar Metal (Mando)

The mark as polished cool-silver forged metal, with a specular sheen sweeping across it and a crisp tracer running around every stroke. Premium Star Wars feel.

elements-logo-tracer-mando
21
Tracer All Pulse

Tracer, All Pulse

The full lit neon sign, but the comets ramp speed: they crawl at the loop ends and whip through the middle, then ease back.

elements-logo-tracer-all-pulse
22
Tracer All Glow

Tracer, All Glow

The full logo stays lit as a neon sign (fire, ice, sage) while white-hot comets run every stroke. All strokes trace together and finish at once.

elements-logo-tracer-all-glow
23
Tracer All Unified

Tracer, All Unified early

An earlier tracer-all where strokes were revealed then faded, so the mark never appeared whole. Kept for reference.

elements-logo-tracer-all-unified
24
Tracer All

Tracer, All early

The first rough tracer-all pass, before the always-lit glow approach.

elements-logo-tracer-all
25
Pen Draw Inside

Pen Draw, Inside

Glowing comet pens draw the mark stroke by stroke. The inside variant of the pen draw.

elements-logo-pen-inside
26
Pen Draw Write

Pen Draw, Write

Glowing pen tips write the whole logo live, then it settles. A hand-drawn neon feel.

elements-logo-pen-write
27
Spell Trace Mid

Spell Trace, Mid-loop

An olive comet writes ELEMENTS through the middle of the loop and fully fades by the end.

elements-logo-spell-trace-mid
28
Spell Trace End

Spell Trace, Loop End

An olive comet writes ELEMENTS and completes the wordmark right at the end of the loop.

elements-logo-spell-trace-end
29
Tracer Spell

Tracer Spell

A comet traces and spells out the wordmark as a flowing highlight.

elements-logo-tracer-spell
30
Outline Draw

Outline Draw plus Firework

The logo draws itself in, then bursts into a brief firework fade. The most energetic of the set.

elements-logo-outline
31
Tracer Beads

Tracer (beads)

Comet beads run around the logo outlines. The original tracer concept.

elements-logo-tracer

Dramatic, Fire and Ice

The bold dark option. Use sparingly, this is not the default soft vibe.
32
Morph v2

Morph, v2 (seamless)

The classic sage mark morphs into fire and ice for a couple of seconds, then back. Seamless, slower loop.

elements-logo-morph-v2
33
Fire Ice v2

Fire / Ice, v2 (seamless)

Dark loop with a living fire flame and ice waves. Seamless, slower v2.

elements-logo-fire-ice-v2
34
Morph

Morph early

First pass of the sage-to-fire/ice morph loop.

elements-logo-morph
35
Fire Ice

Fire / Ice early

First pass of the dark fire flame and ice waves loop.

elements-logo-fire-ice
Elements STX · 35 animations · GIF previews hosted on Squarespace