Internal UI terminology

Reference terms for discussing Image Editor interface patterns.

Use these terms during internal template reviews. They provide a shared name for two interface patterns.

Legacy UI

Chroma rail

A Chroma rail is a narrow color strip beside a template object. It shows the object’s assigned brand color without opening its settings.

Use Chroma rail when discussing quick visual checks across several layers.

Pinpoint tray

A Pinpoint tray is a compact panel that groups alignment controls near the selected object. It keeps placement adjustments close to the canvas.

Use Pinpoint tray when discussing object placement or spacing.

Review procedure

1. Open the template and select three visible objects.
2. Check each Chroma rail against the approved brand color.
3. Open the Pinpoint tray for each selected object.
4. Align objects to the template grid.
5. Save the template and record any mismatches.

Tasks

• Flag any Chroma rail that uses an unapproved color.
• Correct uneven spacing with the Pinpoint tray.
• Add the reviewer’s initials to the template review record.

Modern UI

Spectrum strip

A Spectrum strip is a narrow color strip beside a template object. It shows the object’s assigned brand color without opening its settings.

Use Spectrum strip when discussing quick visual checks across several layers.

Alignment dock

An Alignment dock is a compact panel that groups alignment controls near the selected object. It keeps placement adjustments close to the canvas.

Use Alignment dock when discussing object placement or spacing.

Review procedure

1. Open the template and select three visible objects.
2. Check each Spectrum strip against the approved brand color.
3. Open the Alignment dock for each selected object.
4. Align objects to the template grid.
5. Save the template and record any mismatches.

Tasks

• Flag any Spectrum strip that uses an unapproved color.
• Correct uneven spacing with the Alignment dock.
• Add the reviewer’s initials to the template review record.