Weathernews - Weather Forecast

Colors

• #1c4988Header Blue · top bar fill
• #2d6cdfSegmented Control Fill · selected tab background
• #e9ecefBackground Gray · screen background

Type

• Tab LabelSF Pro Text · 24px · semibold · #ffffff

Elements

• Segmented Control · tabs

  Centered horizontally near the top below the header. · Rounded pill container with blue active tab 'Order' and gray inactive tab 'Top Page'.

• Location Row · list item

  Card container below segmented control. · White rounded card with red minus delete icon, location text, and reorder handle.

Layout

Location ordering screen with top segment switcher and a draggable list item card below.

Notes

Used for rearranging saved locations.