Booster page: Booster pop up card

[diterra-code]

Booster pop up cards

There are two types of boosters a user can get. Dynamic and non-dynamic.

Non-dynamic:

This is a booster where a user has to verify their activity either on-chain or off-chain to receive it.

The 'Get' button: directs the user to the place where they can get the requirements of the booster e.g. Github repo, Raidguild NFT minting page.
The 'verify' button: Makes the user verify if they have reached the requirements. e.g. through an onchain signature or connecting an external account (github, X, etc).

Note: Expiration dates of boosters still have to be discussed and decided on.

Screenshot:

Dynamic:

This is a booster where the user can increase their boost progressively if certain requirements are met. e.g a voting streak where a user has to vote 2 times in a row or 4 times to receive their voting power boost. The main difference is the booster progress bar:

Screenshot booster overlay card:

This card consists of;

• Image
• title
• status
• Current boosters amount applied
• Progress bar
• Description
• 'Get' button
• ' Verify' button
• expiration date
• close overlay/pop up button (on the top right)

Screenshot booster progress bar:

The progress bar is designed for a max 4 progress steps. e.g. x1.1, x1.2, x1.3, x1.4

It starts empty and once the first streak is achieved it gains 25% and so forth until it reaches its max 100%

Feel free to ask any additional questions, design assets or states.