Internal · Motion library

Geometric motion

Reusable animated geometry, recreated from the Perpetuum site in the Regwolf palette. Drop a module anywhere — it plays its construction on scroll, then turns perpetually.

Source motif · perpetuuminc.vc — "who we are" sphere

Perpetuum motion · real Lottie · from source

Sphere construction · 3 palettes

Perpetuum Sphere

Ivory · flame accent

Perpetuum Sphere

Charcoal · flame accent

Perpetuum Sphere

Pure line · mono

Orbit · 3 palettes

Perpetuum Orbit

Ivory · flame dots

Perpetuum Orbit

Charcoal · flame dots

Perpetuum Orbit

Pure line · mono

Perpetuum marks · animated · recreated from source

Sparkle · Star1

4-point · Star11

Hexagon · Star7

Vesica · Circles1

Triangle

Marker glyphs · static

Hexagon

Sparkle

Compass star

Globe

Orbit

Radar

Document

Beacon

Shield

Node mesh

Pulse

Lock

Layers

Target

How to use

<!-- 1. container at any square size -->
<div id="hero-orb" style="width:420px;height:420px"></div>

<!-- 2. load the module -->
<script src="library/geo-sphere.js"></script>

<!-- 3. mount with a brand palette -->
<script>
  mountGeoSphere('#hero-orb', {
    line:   '#f3eee3',   // strokes (ivory on dark)
    faint:  'rgba(243,238,227,.30)',
    accent: '#ec6242',   // star · center · diagonal
    meridians: 9, speed: 0.4, intro: true
  });

  mountGeoOrbit('#hero-orb', {
    line:   '#100f0d',   // planet + orbits
    faint:  'rgba(16,15,13,.55)', // dashed orbit
    accent: '#ec6242',   // satellite dots
    dots: 3, speed: 0.5, loop: true
  });
</script>