On the prototype, there is a limitation which prevent us from using the scroll without anchor.
Ideally, all the motion would follow the page scroll position. A good example of the scroll/animation relation can be found on this page: https://www.apple.com/ca/macbook-pro-14-and-16/
2.2 Information boxes position
The information boxes can have the following positions determined by the cms (actual values that will be provided)
top|left
top|center
top|right
center|left
center|center
center|right
bottom|left
bottom|center
bottom|right
2.3 Additional fields: Background
There will be a possibility to add a background with the same exact fields as Section
⚠️ 3/4. To consider:
3.1 The part that is considered as the feature show
Which means that it won't be inserted inside Section, Hero or any other components but as itself. It will however contain extra fields such as a Heading and Text.
We need the components necessary to display this page https://jumpshare.com/v/LedfABH6zmU1qx4zwfVg
📼 1/4. The prototype:
https://www.figma.com/proto/M9qxBl0DRvZ0dh2o1YChh9/SmartPixel-Design-System?page-id[…]48%2C0.29&scaling=contain&starting-point-node-id=4337%3A145776
Prototype navigation
📐 2/4. Design/Content specifications:
2.1 The interaction
On the prototype, there is a limitation which prevent us from using the scroll without anchor. Ideally, all the motion would follow the page scroll position. A good example of the scroll/animation relation can be found on this page: https://www.apple.com/ca/macbook-pro-14-and-16/
2.2 Information boxes position
The information boxes can have the following positions determined by the cms (actual values that will be provided)
2.3 Additional fields: Background
⚠️ 3/4. To consider:
3.1 The part that is considered as the feature show
This component only contain what is indicated in this part: https://jmp.sh/7BpjjoO
3.2 The Feature Show is a standalone component.
Which means that it won't be inserted inside Section, Hero or any other components but as itself. It will however contain extra fields such as a Heading and Text.
⚠️ 4/4. Dependencies
This issue is in relation with this issue here (Done by @ktryndchrs ) https://github.com/tjikko-studio/SMPX-Backend/issues/83