guardian
Build Prototypes
@benwuersching now working on this. The prototype is for the overlay with story packages, triggered by sticky button
Here is a first prototype : https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?page-id=426%3A1531&type=design&node-id=537-9630&viewport=12628%2C-746%2C0.68&t=tAvSbrN2zuIoAoeP-1&scaling=scale-down&starting-point-node-id=537%3A9630&mode=design
- Mobile version
- Floating button bottom right > triggers modal/overlay
- Story package opens in full-screen modal/overlay
Here is the second prototype: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?page-id=1139%3A15208&type=design&node-id=1139-15209&viewport=578%2C700%2C1.11&t=l8wQlrdCgMr6tr9I-1&scaling=min-zoom&starting-point-node-id=1139%3A15209&mode=design
- Mobile version
- Article tag/kicker remains sticky at top > links to tag page
- Story package is at the top of the tag page
Here are the 3 prototypes for desktop
Horizontal sticky tag: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?type=design&node-id=2329-66541&t=TdYNtMwYN4H8aYG4-0&scaling=min-zoom&page-id=1471%3A22814&starting-point-node-id=2329%3A66541&show-proto-sidebar=1&hide-ui=1
Vertical sticky tag: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?type=design&node-id=2003-50860&t=TdYNtMwYN4H8aYG4-0&scaling=min-zoom&page-id=1953%3A53446&starting-point-node-id=2333%3A33061&show-proto-sidebar=1&hide-ui=1
Vertical sticky tag w related content: https://www.figma.com/proto/MVuZHPkyxwjd0CfwUDoNwL/Designs?type=design&node-id=2456-133734&t=TdYNtMwYN4H8aYG4-0&scaling=min-zoom&page-id=2456%3A130143&starting-point-node-id=2456%3A133734&hide-ui=1
They may require further UI input but so far these are the designs that are being tested.