Fullscreen mode
Please see below design assets relating to the fullscreen refactor.
Notes:
- The masonry layout has been replaced with a standard grid structure (see #4125 (closed))
- A lo-fi prototype can be accessed here: https://master.d1pujmsi8dp0ig.amplifyapp.com/channel
- The prototype illustrates how the layout grows up until a viewport width of 2560px.
- Note how the channel banner maintains a fixes aspect ratio
- See the larger activity post design, which has a max-width of 700px. In smaller confines, the width of the post adapts to the allowable space.
- Illustrates grid functionality (see toggle on the right-hand-side)
- The
max-width
of the list activity post should be increased to700px
- it should have awidth
of100%
Newsfeed
- Grid @ 1920px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/Wk8E5n
- Grid @ 2560px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/97eEPP
- List @ 1920px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/4YzozJ
- List @ 2560px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/nrYDAk
Channel
- Grid @ 1920px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/Qmg1wY
- Grid @ 2560px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/xG8Q4m
Discovery
- Just for you - List @ 1920px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/j5J74z
- Just for you - List @ 2560px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/rzLd0A
- Just for you - Grid @ 1920px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/nrYq5l
- Just for you - Grid @ 2560px https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/j5R0bW
- Search results - List https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/Z1QZlp
- Your tags https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/RDxLwy
Wallet
- General wallet screen - https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/xGpjpV
Settings
- https://www.sketch.com/s/c8922ba0-d067-4586-a699-08c5b6fe560d/a/xGp2vA (would be good if we can display settings over three tiers in widescreen, as opposed to just two on smaller screens)
Analytics
Edited by Michael Bradley