NOTE: Please see Zeplin links for most up-to-date mocks
==Why are we doing this?
iOS 11 included an update to typographical styles, with a focus placed on large headers.
Additionally, we currently utilize a mix of old and new search bars throughout the app, we would like to standardize the search bar style.
==Designs
====iPhone
|Explore | Detail view | Places | Saved | Search tab (new) | History | Settings
|--- |--- |--- |--- |--- |--- |---
| {F18532896} | {F18532899} | {F18532901} | {F18532904} | {F18532906} | {F18532912} | {F18532914}
| https://zpl.io/aBjY87K | https://zpl.io/aXGdvWM | https://zpl.io/aN4XqA9 |https://zpl.io/bzyDZ57 | https://zpl.io/aBjYpDA | https://zpl.io/2vBJ9We | https://zpl.io/aBOjWoe
====iPhone scrolling down on tabs
|Saved | Places | History
|--- | --- | ---
| {F23372574} | {F23372581} | {F23372596}
| https://zpl.io/VYADglw | https://zpl.io/awrGoE1 | https://zpl.io/bAvPJeB
====iPhone scrolling down on detail views
| Detail view
| ---
|{F18533600}
| https://zpl.io/VYW9EJp
====iPhone scrolling behavior on Explore
| Top of feed | Scrolling down | Scrolling back up
|--- |--- |---
| {F18533605} | {F18533608} | {F23372611}
| https://zpl.io/aBjY87K | https://zpl.io/2yJp9Y9 | https://zpl.io/agn74RA
====iPad
|Explore | Detail view | Places | Saved | Search tab (new) | History | Settings
|--- |--- |--- |--- |--- |--- |---
| {F18531340} | {F18531342} | {F18531344} | {F18531346} | {F18531349} | {F18531351} | {F18531354}
| https://zpl.io/boB7mRv | https://zpl.io/aBE3zqL | https://zpl.io/VQq3Nvk | https://zpl.io/bzMz3WG | https://zpl.io/2y7RgxG | https://zpl.io/be4x3jB | https://zpl.io/VQqz5x4
====Design details
- All views / tabs **except for the Explore tab** have a header in SFUI-Bold (24pt) at the top of the view / tab
- Scrolling down on all //tabs// **except for the Explore tab** will shrink (20pt) and center the header
- Scrolling down on the Explore feed will hide the top header
- Scrolling back up from lower in the Explore feed will expose a smaller version of the header with an exposed search box and a centered wordmark