UI-01 — Decision Hero (Signature Component)

[cjleeau]

Decision Hero — Premium, High-Impact Component

Description

Build the core visual anchor of the product. This must immediately communicate decision + confidence and feel visually dominant and high-end.

Requirements

• Large typography for decision state
• Colour-coded states (proceed / caution / certify / avoid)
• Confidence badge (subtle but clear)
• One-line summary (tight, readable)

Motion

• Fade + slight upward motion on load
• Smooth transition when switching vehicles
• Subtle pulse or glow on active state

Acceptance Criteria

• Visible without scroll
• Feels like a “hero moment”
• No visual clutter
• Dominates screen hierarchy