Website - TRANSFER page

[babalicious-io]

SRC-20 TOKEN TRANSFER page
dev site

---

Transfer tool

• Simple input fields that turn lighter when active
• BTC/USD toggle switch, fee selector, estimate, dropdown details, ToS and TRANSFER button
• The file type is omitted from the Details dropdown, but could be mentioned in the faq
• On click of TRANSFER - should check all fields are filled out/checkbox is ticked

Input settings

• Recipient address - btc addy
• Token - case insensitive - limit to 5 characters
• Amount - limit to XX characters

Additional modules

• Instructions on how to transfer and info about the tool - input fields/character limits/decimal/... - with a section link to the FAQ page for additional reading
• Banner module with the latest transfers from the most recent block
  Can link to the Block page in v2

Expanded Details view

---

input:focus - background-color: #ccc;
btn.hover - TRANSFER - color: aa00ff; // FAQ - color: #ccc;

Are there popup error messages created, for input fields/checkbox ?
Purple ToS - link to page

---

[babalicious-io]

Another version with the tool module centered.

Think this works best.

[babalicious-io]

Mobile view - 360 px

Pretty straight forward.

[babalicious-io]

The figma mockup versions for desktop, tablet and mobile are ready.
Except for the module banner Latest Transfers - which is dimmed out on the mockups.
The version layers are marked 🟠

https://www.figma.com/design/Os9UawIAetoFAqwkNKHN9j/Stampchain-web?node-id=2546-2096&m=dev&t=bgN5CBywBwbrGlkz-1

[babalicious-io]

Mockup is finalised and marked for dev.

The version layers are marked 🟢

https://www.figma.com/design/Os9UawIAetoFAqwkNKHN9j/Stampchain-web?node-id=2546-2096&m=dev&t=aco4aneCbwjH5F4P-1