Skip to content

Brand kit · abl

Acuity Brands Lighting

The reference kit for Phase 1. ABL green #007239 at accent step 9, Slate neutrals, Inter.

Download brandkit.abl.css

Modes

CollectionModeOverride with
graySlatedata-gray
accentABLdata-accent
densityComfortabledata-density
typefaceInterdata-typeface
shapeSmoothdata-shape
depthSoftdata-depth

Brand solid resolves to #007239 (light) / #007239 (dark). Overrides: effect.depth.soft, effect.depth.dramatic, effect.depth.ring. Ships no font files — the typeface falls back to the system font if it isn’t installed. Assets: --beam-brand-logo, --beam-brand-symbol.

Use it

One kit — applies to :root, no attributes needed
<link rel="stylesheet" href="beam.css">
<link rel="stylesheet" href="kits/brandkit.abl.css">
Several kits loaded — choose this one
<html data-brand="abl">

Voice, tone and brand constraints

To be written with the brand owner.