A proprietary design framework rooted in physics, spatial reasoning, and colour psychology. Every pixel in the Hawk Eye Analysis ecosystem is governed by these principles — because security software should feel as considered as the threats it neutralises.
Hawk Eye Analysis ExclusiveTraditional sidebars and tab bars create an inherent hierarchy — items at the top are closer, items at the bottom are further. The user's cursor has to travel different distances depending on which feature they want. This is a hidden tax on every interaction.
OrbitUI eliminates this by placing controls on a radial orbit around a central hub. Antivirus settings, network controls, AI advisory, exclusion rules, hardening options — every satellite sits at an identical distance from the centre. Fitts's Law tells us that the time to reach a target is a function of distance and size. By equalising distance, we make every feature equally accessible. No feature feels buried. No feature feels prioritised by layout alone.
The central hub becomes the system's heartbeat — a glanceable health score that tells you the state of everything without opening a single panel. The orbiting satellites aren't just buttons; they're a spatial map of your security posture. You don't navigate to features. You see them all, always, arranged symmetrically around the thing that matters most: your system's health.
Equal radial distance means equal acquisition time for every control, regardless of function or frequency of use.
All five categories remain visible simultaneously. The user never loses context about what other capabilities exist.
Colour is the fastest channel into the human nervous system. The brain processes colour in under 200 milliseconds — faster than language, faster than icons, faster than layout. OrbitUI exploits this by assigning every system state a dedicated spectral identity that the user learns once and recognises forever.
Cyan is the resting state: active protection, nominal readings, the system breathing quietly. It's the colour of clear water and open sky — calm, alert, trustworthy. Red is the threat state: blocked sites, detected malware, danger warnings. Red doesn't need explanation. Millennia of evolution have wired us to stop when we see it. Orange signals caution — aggressive scans, items that need review, things that aren't dangerous yet but require attention. Emerald means resolution: clean scans, safe verdicts, successfully quarantined threats.
This goes beyond badges and labels. In OrbitUI, the entire atmosphere shifts. When a scan enters its threat-detection phase, the ambient background bleeds from cyan to warm orange. When a site is blocked, the full-page interstitial drowns in crimson radiance. Colour isn't decoration. It's the primary communication layer — the one your peripheral vision catches before your focal vision has finished loading the page.
Background gradients, particle colours, and glow intensities all shift together, creating an immersive environmental cue the user perceives before reading a single word.
Safe, Malicious, Suspicious, Unknown, Phishing, Scam, Inconclusive — each carries a distinct colour profile that includes border, background, text, glow, and particle hue.
Most UI animation uses mathematical easing curves — ease-in, ease-out, ease-in-out. They look smooth, but they feel synthetic. Real objects don't behave that way. A ball dropped from a table accelerates, bounces, and settles according to gravity and elasticity. OrbitUI motion is modelled on physical systems: orbital mechanics, gravitational decay, spring dynamics, and wave propagation.
The conic gradient spinner that sweeps around the shield icon during active protection? That's a body in orbit — constant angular velocity, no acceleration or deceleration. The pulse rings expanding from the central hub? Those are wavefronts — energy radiating outward at a constant rate, fading as they travel, exactly like ripples in water. The staggered entrance animations use spring curves that overshoot and settle, the same way a door pushed open rebounds slightly before resting.
This distinction matters because the human visual system is extraordinarily tuned to detect unnatural motion. We evolved to track predators and prey through dense foliage — we know instinctively when something moves wrong. Synthetic easing triggers a subliminal uncanny valley effect. Physics-based motion doesn't. It feels inevitable, the way a real object would behave, and that inevitability creates trust.
Constant angular velocity. No ease. Rotating at the same speed a satellite maintains in stable orbit — continuous, reliable, and instantly recognisable as "active".
Concentric rings expand and fade simultaneously, staggered in time. Three rings at staggered intervals create the illusion of continuous energy emission from a point source.
In a security interface, the user needs to find critical information instantly — is this safe? What's the threat level? What should I do? OrbitUI achieves this through a weight-first typographic system that relies on the contrast between heavy and light strokes rather than large jumps in size.
A health score rendered at extra-bold weight draws the eye not because it's massive, but because it's the densest element on screen. A status label at light weight recedes naturally. Between them, an unbroken gradient of attention is created — bold for verdicts, medium for action labels, light for descriptions, ultralight for metadata. The user's eye falls through this hierarchy like water through a funnel, arriving at the most important information first without being shouted at.
Tracking and letter-spacing reinforce the system. Uppercase labels with wide spacing signal metadata and category markers — the brain learns to scan past them to the content below. Tight negative tracking on large numerals creates density and visual weight that commands focal attention. Nothing is arbitrary. Every spacing value is a signal about where you are in the information hierarchy.
Extra-bold for scores and verdicts. Semi-bold for headings. Regular for body. Light for descriptions. Ultralight for ambient metadata. Five rungs, no ambiguity.
Wide tracking means label. Tight tracking means data. The user never consciously learns this, but their eye obeys it from the first interaction.
A flat interface feels disposable. A layered one feels constructed — like something was built, not generated. OrbitUI uses a multi-plane depth system where every surface exists at a specific altitude, and that altitude determines its visual treatment: blur intensity, border luminance, shadow spread, and background opacity.
The deepest layer is the ambient atmosphere — radial gradients and drifting grid planes that establish mood and state. Above it, glass panels float with backdrop blur, catching and diffusing the light beneath them. The central hub sphere uses a radial gradient highlight positioned at the upper-left quadrant, paired with inset shadows at the bottom, creating a convincing specular reflection that makes it feel like polished glass catching overhead light. This isn't skeuomorphism. It's depth cue engineering — giving the visual cortex enough parallax information to construct a spatial model of the interface.
When users perceive depth, they perceive care. Flat design says "this is efficient." Depth says "this was crafted." Every modal, every panel, every overlay in OrbitUI sits at a defined altitude. The higher it is, the more blur it carries, the brighter its border, the deeper its shadow. This consistent z-axis language means the user always knows what's a background, what's a surface, and what's demanding their attention — even if every element is semi-transparent.
In most applications, the background is a colour. In OrbitUI, the background is a three-layer atmospheric system that communicates system state before a single UI element renders.
The base layer is a radial gradient haze — an elliptical wash of colour positioned to create a focal point. Above it, a grid plane drifts at sub-pixel speed, providing spatial reference and subtle motion that signals "alive" to the peripheral vision. Above that, a particle field of floating motes rises from the bottom of the viewport, each with randomised size, speed, and delay, creating organic movement that no two moments are identical.
All three layers respond to state. When protection is active, the haze is cyan, the grid is cool, the particles glow teal. When protection is disabled, everything desaturates to slate grey — the same shapes, the same motion, but drained of energy. When a threat is blocked, the haze shifts to crimson, the particles turn red, and the atmosphere itself feels hostile. This is environmental storytelling — borrowed from cinema and game design, applied to security software. The background isn't behind the interface. The background is the interface.
Gradient haze, drifting grid, and particle field — each layer responds independently to state changes, creating rich atmospheric transitions without JavaScript overhead.
Games and films have used environmental colour to communicate mood for decades. OrbitUI brings this technique to productivity software, where it's arguably needed more.
OrbitUI powers every Hawk Eye Analysis interface — from desktop applications to browser extensions to full-page interstitials.
The flagship. Radial orbit hub with five satellite categories, central health sphere, inline scan experience with phase-based ambient transitions.
Animated progress ring with phase colours, category review cards, and the friendly clean-system greeting. Scanning that feels fast because it looks fast.
The full design system compressed into a 340px popup. Layered backgrounds, orbit animations, glass stat cards — all within browser extension constraints.
Full-page blocked site experience. Red atmospheric shift, verdict badges, threat intelligence panels, and the signature orbit-shield with danger-mode theming.
Download the Hawk Eye Analysis security suite and experience OrbitUI for yourself. Free forever.
Get Started