Add explicit distinction between create a wallet and restore a wallet on the initial screen as primary and secondary buttons

[pavlenex]

Describe your content request

While we reviewed wallets in #493 I noticed one thing that we constantly recommend wallets to do, and that's better visual distinction between create a wallet and restore a wallet buttons.

Obviously, create a wallet is primary action for majority of users.

We visually already showcase this, but perhaps there needs to be a small note somewhere to make it more explicit?

Link to the page

Please add a link to the page you're requesting content change for (if applicable)

https://bitcoin.design/guide/onboarding/first-use/

Why would you like to change the content?
If you're requesting a change to existing content, please describe concisely why you would like to change it?

Suggestions
If you have a concrete suggestion on how to change/add the content, write it up here

Additional context

Add any other context about the request here.

Content guidelines
If you're a contributor looking to tackle the issue, you can preview our content guidelines.

[Bosch-0]

To add to this, I would add the Restoring a wallet page to the end of the Onboarding chapter after funding a wallet to more clearly present this hierarchy.

[GBKS]

It's generally a good rule to have the strongest visual focus on the primary user action, not just on this screen.

[pavlenex]

@Bosch-0 I guess that section needs a bit of re-structure:

If we assume that user's flow is: create a wallet, fund a wallet, backup a wallet, protect a wallet and in the end restore it:

Onboarding

• First use (create a wallet)
• Funding a wallet
• Backing up a recovery phrase
  • Automatic cloud backup
  • Manual backup
• Protecting a wallet
• Restoring a wallet

@GBKS I agree, but since we've noticed that wallet makers don't really distinguish enough between these two, is it agood idea to specifically mention it and if so, where would you mention it? Perhaps a hint in the image, or a specific recommendation?

[GBKS]

A simple solution would be to change the caption below the image. It just states the the screen is from the UI Kit. Could as well mention highlighting the primary action instead.

[Bosch-0]

@pavlenex

I think this structure makes sense based on how we have been discussing the onboarding flows with the wallet review projects.

@GBKS

Agree with this solution!

[GBKS]

ACK'ing to that structure.

[GBKS]

Addressing the main topic of this issue in #549.

[GBKS]

Created an issue for the page re-ordering with #550.