myNotes mockups, round 1
Clickable phone mockups. Each one covers folders, the notes list with Filter/Sort and a List/Card pill, a note (read + edit), a Theme picker that recolours live, and an editable spreadsheet (Snowfall tracker). Light and dark in every option. All data is made up.
Reference
A: Cord UI
The Cord look 1:1: grey grouped cards, bold titles, round filter button with count badge, List/Card pill, search pill plus yellow compose button. Themes: Cord, Paper, Sage, Grape.
Alternative
B: Shelf
Folders as colour tiles on a shelf, serif titles, a floating pill tab bar, filter and sort in a bottom sheet, themes as a 2x2 preview grid. Themes: Linen, Ink, Moss, Dusk.
Alternative
C: Tree
A nested, expandable folder tree, dense editor-style rows, a chip toolbar with a two-column filter panel, a spreadsheet with a formula bar. Themes: Obsidian, Nord, Solarized, Mono.
How to use
- Use the Light/Dark switch and the screen buttons above each phone to jump to a state (Folders, Filter menu, Editing, Themes, Cell edit, Status menu, Board).
- Settings, then Theme, to try the themes. Tap any cell in the spreadsheet to edit it, a status cell for its dropdown, Board for the pipeline stages.
- Placeholder: New note, rename/move/delete, share and similar buttons only show a toast.
Before: live myNotes v2
