Trust Gradient Color System (FR40)
Verified Data
Green palette for confirmed facts
AI Suggestions
Blue palette for predictions
Warning
Yellow for incomplete data
Error
Red for validation failures
shadcn/ui Components
Button Component
All button variants and sizes
Input & Label Components
Form input with label
Form Component
React Hook Form integration
Dialog Component
Modal dialog with trigger
Tooltip Component
Hover tooltips for data sources
$12,345.67
Responsive Breakpoints (FR33)
Current Viewport
Resize browser to see breakpoint changes
Mobile: <768px (touch-optimized, single column)
Tablet: 768px - 1023px (hybrid touch/mouse)
Desktop: 1024px+ (keyboard-optimized workflows)
Touch targets are 44px+ on mobile per accessibility guidelines