press and hold to purchase runes

Description

The UI presents a menu for purchasing runes categorized under "Sword" and "Shield."

Labels and Features:

• Title and Instructions:

  • At the top, the phrase "Press and Hold to purchase Runes" serves as a clear user directive.

• Categories:

  • "Sword" and "Shield" labels are prominently displayed in a bold font to indicate the two distinct categories of runes available for purchase.

• Rank Indicators:

  • Each category has ranks (Rank 1+, Rank 5+, Rank 10+, Rank 15+) listed vertically on the left side, suggesting progression and prerequisites for unlocking rune purchases.

• Rune Icons:

  • Each rune is represented by an icon grid, with a total of five slots per icon indicating the number of runes available for purchase (represented as "0/5" under each icon). The icons vary in design and complexity, adding an aesthetic appeal and clarity on functionality.

• Confirmation Button:

  • A "Confirm" button is located at the bottom, emphasized with a distinct color to indicate the action of purchasing the selected runes.

Form:

• The overall design has a retro pixel art style, appealing to a nostalgic gaming audience. The use of contrasting colors (darker background with light-colored text and icons) ensures readability and enhances user engagement. The layout is organized, allowing for quick navigation and decision-making.

This UI effectively combines functional clarity with visually appealing design elements, making the purchasing process straightforward for the user.