Tang & Associates

Animation Builder

Customize and export an animated logomark for websites, email signatures, and presentations. Pick a variant, adjust speed and colour, then download a self-contained SVG.

Variant

ADisk + carve

BRing + strokes

CIris reveal

DLoading loop

Stroke weight

Standard≥ 48 px

Bold17 – 47 px

Heavy≤ 16 px

Default. Comfortable strokes for most uses (≥ 48 px).

Speed

Time the arc takes to draw — the shared motion across all variants. The full cycle scales accordingly.

1.00s arc

Colour

GoldPrimary

WhiteOn dark

BlackMonochrome

Background

Preview only — does not affect the export.

Grey block

Dark

Checker

Loop continuously (default: play once) Pause on hover

Advanced — easing, timing, reveal order, source code

Easing

Reveal order

Phase timing

Where each phase ends as a fraction of the total cycle. Auto-clamped to stay ordered.

Arc end 0.25

Fill end 0.40

Snap point 0.40

arc fill carve

SVG source

Live-updates as you change settings. See brand guidelines →