<aside> 💡 Note the designs below are still very early with lots of features missing and incomplete.
We’re currently exploring the overall structure and direction of Overtone, so any kind of feedback and ideas are welcome. 🙏
Feel free to use the comments feature in this document to leave your thoughts. 📝
</aside>
We’ve been experimenting with the positioning of page nav controls, which includes the search bar/results and breadcrumb menus.
The two main directions we’ve tried are: a) similar to Slack (with a persistent search bar and nav controls at the top); and b) similar to Notion (search is done with a ‘Quick Search’ modal, with the nav controls/breadcrumb menu at the top of the page (with Search/Settings moved to the top of the left sidebar)).
Important to note - in both cases, the user can transition from the ‘quick search’ screen to the ‘advanced search’ screen (see below).
Slack style
Default state
Search state
Notion style
NB - the Notion style includes a slightly larger header/cover image.