01Perimeter texture
Outer signal
The broadest, slowest ring. Fine marks suggest continuous transmission without becoming decorative noise.
02 / Signature element
Signal
orbits.
Part interface, part atmosphere. These circles make Boompah’s technical confidence feel warm, patient, and alive.
7 layers3 rhythms1 centre
A / Live lab
Tune the signal.
Use the presets as starting points, then isolate layers and push the variables until the right character becomes clear.
Live specimenEvery layer is adjustable
430px / 72%92s master cycle
+×·~/◇—⌁+×·~/◇—⌁+×·~0102030405B / Anatomy
Seven layers.
One gesture.
Each layer has a job. Removing any one should change the orbit’s character, not break its identity.
02Context cue
Glyph track
Twenty evenly spaced marks. Choose a short vocabulary that quietly reflects the page topic.
03Visual anchor
Field ring
A single hairline and soft halo stabilize the layered motion around one clear centre.
04Counter-rhythm
Inner signal
A denser ring moving at a different rate. This is what makes the orbit feel engineered, not illustrated.
05Point of intent
Axis + core
The crosshair and breathing centre add precision. They should remain the quietest details in the system.
06Colour field
Atmosphere
A blurred radial wash connects the technical rings back to the warm, human Boompah palette.
C / Approved voices
Same system, different tone.
Colour, crop, and mark rhythm can shift. The core anatomy and restrained opacity stay consistent.
+×·~/◇+×·~/◇+×·~/◇+×
Lilac / hero
Primary brand signal
?+/→•↗?+/→•↗?+/→•↗?+
Blush / story
Warm editorial moments
01+/→✓↗01+/→✓↗01+/→✓↗01+
Sky / detail
Utility and process
+01/•↗×+01/•↗×+01/•↗×+01
Night / support
Dark field, screen blend
D / Scale & placement
Crop with confidence.
A signal orbit should feel larger than its container. Cropping creates atmosphere; centring makes it feel like a diagram.
S
18–24rem
Cards & quiet details
Suggested crop30–45%
M
28–36rem
Section headers
Suggested crop25–40%
L
42–60rem
Hero fields
Suggested crop35–55%
Do✓
Let it breathe
- 01Keep opacity between 35–75%
- 02Use long, almost ambient cycles
- 03Crop against a clear page edge
- 04Match glyphs to the page context
Avoid×
Turning it into decoration
- 01Stacking more than two at once
- 02Fast or synchronized ring speeds
- 03Placing key copy through the centre
- 04Using saturated or unrelated colours
Back to system