Calibration panel

Overview

Guide a trusted reference-pose or sensor-baseline calibration. It converts domain state into an understandable, traceable and accessible interface contract.

When to use

Use HE/Calibration panel when you need to guide a trusted reference-pose or sensor-baseline calibration. Keep its role distinct from transport freshness, animal-health severity and model confidence.

Example

<section class="he-calibration-panel"><header class="he-section-header"><div><p class="he-eyebrow">Sensor calibration</p><h3>Capture stable pose</h3></div><span class="he-status-badge he-status-badge--review">Required</span></header><p>Place the device on its mounted surface and keep it still.</p><button class="he-button">Calibrate now</button></section>

Anatomy

Anatomy stays identical in Pasture and Atlantic. A responsive layout may wrap or stack parts, but reading order and focus order remain equivalent.

Variants and states

Accessibility

Present prerequisites before action, announce progress/result, and record operator, device and timestamp.

• Maintain a visible keyboard focus indicator and a logical focus sequence.
• Never rely on colour alone for operational, freshness or severity state.
• Keep touch targets at least 44 × 44 px unless the target is an inline text link.

Cross-platform contract

Related components