Typography Impact Test Page
All components below had inline line-height CSS that could conflict with the unitless line-height conversion in main.css.
Review each section for spacing/line-height regressions. Classes affected: text-body-responsive, text-h1–h6, text-label, text-caption, text-button, section-title
Uses: text-h1, text-body-responsive + leading-relaxed (potential override)
No dashboards to learn. No reports to pull. Just ask a question in plain English and Ai.Downtime delivers the answer — backed by real machine data.
Uses: text-button, text-body-responsive + leading-relaxed, text-label
CRUSH DOWNTIME.
NOT YOUR TARGETS.
AI.Downtime gives you the root cause, the real-time data, and the game plan to slash downtime by up to 40%. It's time to stop reacting and start dominating your production goals.
Uses: text-h2, section-title, text-body-responsive ×3. Scoped CSS has line-height on internal elements.
One packaging line. One deployment. Here's what happened.
paid for itself
a single line
recovered
Starting from 1,305 hours of unplanned downtime per year and $1.3M in annual losses on a single packaging line, this frozen food processor achieved an 81.4% total downtime reduction across three improvement stages. The system delivered $3.6M in total benefits against a $726K total investment over five years — paying for itself in just over a year.
We always knew downtime was costing us, but we couldn't tell anyone exactly how much or where to start. Now the data shows the team exactly where to focus — and the results speak for themselves.
Same component, light theme — testing both color modes for visual regression.
One packaging line. One deployment. Here's what happened.
paid for itself
a single line
recovered
Starting from 1,305 hours of unplanned downtime per year and $1.3M in annual losses on a single packaging line, this frozen food processor achieved an 81.4% total downtime reduction across three improvement stages. The system delivered $3.6M in total benefits against a $726K total investment over five years — paying for itself in just over a year.
We always knew downtime was costing us, but we couldn't tell anyone exactly how much or where to start. Now the data shows the team exactly where to focus — and the results speak for themselves.
Uses: text-body-responsive + leading-relaxed. Has hero-title-fixed with line-height: 64px !important.
CRUSH DOWNTIME.
NOT YOUR TARGETS.
AI.Downtime gives you the root cause, the real-time data, and the game plan to slash downtime by up to 40%. It's time to stop reacting and start dominating your production goals.
Uses: text-body-responsive + leading-relaxed. Same hero-title-fixed pattern.
CRUSH DOWNTIME.
NOT YOUR TARGETS.
AI.Downtime gives you the root cause, the real-time data, and the game plan to slash downtime by up to 40%. It's time to stop reacting and start dominating your production goals.
Uses: text-body-responsive + leading-relaxed. Same hero pattern.
CRUSH DOWNTIME.
NOT YOUR TARGETS.
AI.Downtime gives you the root cause, the real-time data, and the game plan to slash downtime by up to 40%. It's time to stop reacting and start dominating your production goals.
Uses: text-body-responsive + leading-relaxed. Same hero pattern.
TURN DOWNTIME INTO YOUR NEXT ENGAGEMENT.
Ai.Downtime doesn't replace your services — it supercharges them. Every deployment means integration revenue upfront, a continuous pipeline of improvement projects, and a seat at the table as your customer's most trusted partner.
These use arbitrary leading-[*] values but do NOT use any of the changed typography classes. Included for completeness — low risk.
Fastpack Case Erector #3
Asset #34875001, SE Floor 2, Pillar 32
Machine Status
All systems operational
Downtime Alert
Line 2 stopped — film tension fault
End of typography impact test