autosave settings: number of saves and save interval

Description

The UI features a clean and minimalist design with a dark background and contrasting golden text, enhancing readability.

1. Header Section: "AUTO-SAVES" serves as the main label, clearly indicating the section's purpose. The use of bold typography emphasizes its importance.

2. Sub-labels:

   • Auto-save Interval (Minutes): This label specifies the first adjustable setting, indicating that users can select how often the software will automatically save progress, measured in minutes.
   • Auto-saves: Refers to the quantity of automatic saves that the system will maintain.

3. Slider Controls:

   • The first slider allows users to adjust the timer for auto-save intervals. It features a movable slider handle, easily identifiable for user interaction, and is visually distinguishable with a bold marker for the current setting.
   • The second slider is configured to designate the total number of auto-saves retained. It functions similarly to the first, providing a tangible and interactive way to adjust settings.

These elements contribute to an intuitive user experience, balancing functionality with a straightforward design aesthetic.