01
One field, four figures
About 26,000 points morph from the Omnia mark into a gyroscope, a wave, then a horizon. The centre node stays warm: the human in the loop.
How: Raw WebGL 1 point field with per-section target shapes.
WebsiteAI & autonomy strategy2026
Omnia Tech
Omnia Tech is the consultancy of Tucker Hamilton, the first pilot to fly alongside a high-performance uncrewed system powered by AI. We built the brand world and the site around one idea: technology matters, and humans still matter more.
- Client
- Omnia Tech
- Live
- omniatech.ai
- What we did
- BrandingCreative directionFrontend UI/UXInteractiveEngineering
omniatech.ai
The product, in motion
The brief
A test pilot’s strategy practice for companies building AI and autonomy. The site had to feel like a cockpit at night and land on a human voice.
Design system
Palette
Magenta
#E7228B
Orchid
#A83DA0
Violet
#6B3FD4
Ember
#FFD9A8
Night sky
#06040D
Paper
#FBF6F1
Type
MachineArchivo (wide)
HumanFraunces Italic
Inside the build
02
Scroll is the clock
Each section is a sky; scrolling moves from night to first light while an altitude tape counts up to clear skies.
How: Sky keyframes blended into CSS variables from scroll position.
03
Instrument plates
Nav, buttons, and the portrait share one cut-corner hull with a rotating rim.
How: A single clip-path hull and conic-gradient rim reused across components.
04
Hear Tucker
Five opt-in clips of Tucker, one per section, with serif captions that never cut a sentence.
How: One reused audio element with WebVTT captions so it plays on iOS.
Technology
- HTML
- CSS
- Vanilla JS
- WebGL
- WebVTT
- Cloudflare Pages
Next project
RA·NUE
A formula house told through one living particle field that becomes the sun over the Nile, a capsule, a molecule, and a seal as you scroll.
Want one like this?
Tell us about the business. You leave the first call with a direction and a written estimate.