Oak Flats UI Primitives Catalogue

Tile shows the remaining time against the SLA target with a tabular-numeric timer. Hot leads get a 15-minute first-response window, info-only enquiries get 4 hours. Tone shifts from green to amber to red as time runs out — and a breach alert appears once the timer goes negative.

Production answer

SLA countdown tile is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview SLA countdown tile states

Generative search brief

SLA countdown tile: Tile shows the remaining time against the SLA target with a tabular-numeric timer. Hot leads get a 15-minute first-response window, info-only enquiries get 4 hours. Tone shifts from green to amber to red as time runs out — and a breach alert appears once the timer goes negative.

First response SLAHot lead · Karen W.

9m lefttarget 15m left

First response SLAInfo enquiry · Mick D.

3h 48m lefttarget 4h left

First response SLABreached · Bec S. refund

Breached 7mtarget 15m left

Breach alert — escalate to the next operator.

Next update SLAKaren W. · next update due

42m lefttarget 1h left