Axonfield

How it was made

The original is an infrastructure company selling speed and scale that cannot be seen. Most of the first screen is filled with a shape.

White panels and slate panels stack up with 32px corners, revealing dark sections between them.

Dark sections are 44% of the whole, but they sit at the start, middle and end. That is why the site is remembered as a dark site.

Navigation, buttons, labels and dates are all 13px monospace uppercase. On hover the letters scramble and then return to place.

The pricing page has a toggle that converts per-second rates to hourly rates. Monthly cost is calculated from request count, run time and hardware.

Key features

• Pricing toggle · monthly cost calculator
• Scroll-linked list
• Cookie banner and settings modal
• Blog filter · 4 form types

Where and how to use it

Suits B2B services with complex pricing structures. Features are shown as cards that shrink the product screens.

Points to check

The original's WebGPU ribbon was redrawn on a 2D canvas. If the 3D form matters, separate production is needed.