Jump to section Getting Started: Overview Getting Started: Principles Getting Started: Content guidelines Foundations: Color Foundations: Typography Foundations: Spacing & layout Foundations: Radii & elevation Foundations: Motion Foundations: Iconography Components: Buttons Components: Badges & status Components: Form inputs Components: Cards Components: Tables Components: Navigation Components: Modals & dialogs Components: Tooltips & popovers Components: Combobox Components: Date picker Components: Loading & skeletons Components: Code blocks Patterns: Property card Patterns: Code citation Patterns: Storm event card Patterns: Hail map legend Patterns: Photo packet item Patterns: Jurisdiction picker Patterns: Timeline Pattern
Hail map legend A 5-step intensity ramp paired with size labels and reference objects. Always present on hail-overlay maps; never replace numeric size with color alone.
Horizontal trace < 0.5″
0.75″ pea
1.25″ quarter
1.75″ golf ball
2.0″+ tennis ball