Designing Quantum Proxies: LED light, glass and one camera

The design of quantumproxies.net: an LED hero that lights up under your cursor, glass panels, 3D renders that read as one family and a map you can explore.

By · · 4 min read

On this page· 8

Proxies and servers are invisible products. Nobody ever sees an IP address or a rack in Frankfurt, so the website has to make that infrastructure feel real, fast and owned. That was the design job behind quantumproxies.net, a dark mode only site for a provider of ISP, residential and mobile proxies and the servers to run them.

This post is about the design decisions. How the site was made, with AI and without a single Figma file, is in the case study.

A hero you can play with

The hero has no photo and no illustration. The Quantum mark, two orbits around a core, is drawn in light through a grid of LED cells, rendered live in the browser.

It responds to you. Move your cursor across it and the cells under the pointer light up, with a slight lag that makes the light feel heavy. Scroll down and the grid gets finer, as if the signal is coming into focus. It’s the brand mark and the product idea at once: a signal moving through a network, wherever you point.

Move the cursor across the mark and the LED cells under it light up.

One blue, a lot of black

The palette is a near black and one blue, taken straight from the Quantum logo, with lighter tints for highlights and a green for anything live. Instead of hard borders, thin blue hairlines fade out at both ends.

Panels are glass, so each one takes its color from whatever glows behind it. On a dark page full of blue light, that keeps the interface quiet and the product in front.

Type that doesn’t look generated

The first round used an expressive serif for the headlines. The client asked for a plain brand font instead, so every headline is now Inter, in its display cut with tight tracking, with the second line in a softer tone: “Proxies and servers / that don’t fail.”

The small numbered section labels were first set in a monospace, and the client said that font “screams AI”. They were right. The labels now use Archivo Expanded, a wide typeface that echoes the wide QUANTUM PROXIES wordmark. A monospace, Ioskeley Mono, is kept for what it’s for: IPs, code and data.

Inter Display for headlines, Archivo Expanded for labels and Ioskeley Mono for data.

Making infrastructure visible

Every product has an object of its own: an ethernet plug for ISP, a glass house for residential, a SIM card for mobile, and server units. They’re 3D renders in one material language of dark metal, frosted glass and blue light, so they read as one family.

The servers were the hardest part. The client wanted Dedicated, VPS and Root to look clearly different, so each got its own chassis: open black with the hardware showing, pearl white with a glass top, and brushed silver. All three are seen from exactly the same angle, so they stack into one rack. Point at a unit and it slides out like a drawer.

Dedicated, VPS and Root: three chassis, one perspective.
More renders from the same series, and the server card with Dedicated pulled out.

A network you can explore

Quantum owns its locations, so the map is the proof. It’s a dot map of the world with five locations marked: Frankfurt, London, Paris, New York and Ashburn. Point at any country and it lights up in a ripple from the cursor, arcs trace its routes into all five locations, and a tooltip shows its flag and name. The location cards under the map light up with it.

Point at a country and its routes into all five locations light up.

Every page stays on brand

The product pages and account screens use the same materials:

  • Residential proxies: glass homes stand on a blue isometric grid. As the exit IP moves, a light trail jumps from roof to roof and the arriving home lights up.
  • Sign in: one open composition instead of boxed tiles, with a 3D “One account” stack and real Trustpilot reviews.

Even the smallest pages get the same light, glass and blue, so nothing on the site feels like a template.

The Residential hero: the exit IP hops from home to home, and each one lights up as it arrives.
Smaller pages, in the same light, glass and blue.

Built for phones too

On a phone the hero stacks with the mark on top, the menu groups proxies and servers, and the map shows the whole world with the details docked underneath. Every heading was checked at phone, tablet and desktop sizes, so no letter ever gets clipped.

Three pages of the site on a phone.

Frequently asked questions

What makes a good website for a proxy provider?

Proof and clarity. Show where the network is, what each product is for and what it costs, with real reviews and real numbers. Then give the invisible products a shape people remember, like the renders and the live map on Quantum Proxies.

Should a tech brand use dark mode?

When the product is about networks, data or security, a dark interface lets glows, maps and data read clearly. If you choose it, commit to it: Quantum Proxies is dark only, with no light theme to keep in sync.

How do you keep 3D renders consistent?

Keep one material language, one light color and one perspective across the whole series, so every object reads as part of the same family. On Quantum Proxies, that’s why the three servers stack into a single rack.

Keep reading