Skip to content
Acuity Experience Design
Menu

Draft copy for review — items in [brackets] need real figures or assets.

For business

Design once. Use it in every product.

Every Acuity app needs the same basics: colours, type, spacing, page layouts and accessibility. AXD builds them once, in Beam, so product teams don’t pay for them again and again.

The cost of inconsistency

When each team designs its own screens, the same work is repeated across products, and the results drift apart. Customers using more than one Acuity product notice. Fixing it later — a rebrand, an accessibility finding — means changing every app separately.

About 80 AYI Tech applications

If each one solves colours, type, layouts and accessibility on its own, that work is paid for up to 80 times. With Beam it is paid for once, and every app inherits fixes and brand updates automatically.

Estimated effort per app today: [hours] · Estimated with Beam: [hours]

AXD as a utility

Product teams plug into AXD the way they plug into any shared service. What they get:

  • A shared foundation. One file that gives any web app Acuity’s colours, type, spacing and layouts.
  • Brand kits. One small file per brand. Changing brand is a switch, not a redesign.
  • Page patterns. Proven layouts for common screens: app shells, forms, tables, dashboards and settings.
  • Instructions for AI assistants. So generated code follows the system from the start.
  • Standard controls through Cantina. Buttons, inputs and other controls, built on Beam by Acuity’s front-end team (Cantina).

Before and after

[Before: two Acuity apps side by side today]
Before — each app designed separately
[After: the same two apps on Beam]
After — one foundation, one experience

Less risk

Accessibility

Colour contrast and focus states are checked centrally, not app by app.

Brand

Brand rules live in the kit. Apps can’t drift from them by accident.

Change

A brand or accessibility update ships once and reaches every app on Beam.

Where we are

  1. Now: Beam’s foundation and the Acuity Brands Lighting kit are built.
  2. Next: this site, documentation, and instructions for AI assistants.
  3. Then: page patterns and the remaining brand kits [dates].

How to engage AXD

  1. Tell us what you’re building

    A new product, a redesign, or a new brand. Earlier is cheaper.

  2. We set you up

    The right brand kit, patterns and controls for your product.

  3. You ship on Beam

    Need something Beam doesn’t have yet? Ask, and it’s built once for everyone.

Start a request

Contact: [AXD intake form or email]

Developers can start right away →