Untitled AI art by @intuitive-raven7

# Diseño de App de Gimnasio "IronFit" ## Paleta de Colores - **Primario**: Azul acero (#4682B4) - Representa fuerza y profesionalismo - **Secundario**: Rojo intenso (#DC143C) - Energía y pasión por el fitness - **Acento**: Negro (#1A1A1A) - Elegancia y poder - **Fondo**: Gris claro (#F5F5F5) - Neutral para no cansar la vista - **Texto**: Blanco (#FFFFFF) y Gris oscuro (#333333) ## Logo **IronFit**: Un diseño que combina un hierro de pesas estilizado formando una "I" con un rayo que la atraviesa, simbolizando energía y fuerza. Colores: azul acero con detalles en rojo. ## Pantallas ### 1. Login - **Logo** centrado en la parte superior - **Campos**: - Usuario (icono de persona) - Contraseña (icono de candado, campo enmascarado) - **Botón** "Iniciar Sesión" en rojo intenso - **Enlace** "¿Olvidaste tu contraseña?" en azul acero, más pequeño - Opción para registro: "¿No tienes cuenta? Regístrate aquí" ### 2. Register - **Logo** más pequeño en la parte superior - **Campos**: - Nombre completo - Nombre de usuario - Correo electrónico (con validación) - Contraseña (con indicador de fortaleza) - Repetir contraseña - **Checkbox** para aceptar términos y condiciones - **Botón** "Registrarse" en azul acero - **Enlace** "¿Ya tienes cuenta? Inicia sesión" en rojo intenso ### 3. Home - **App Bar**: Logo pequeño + icono de carrito (esquina derecha) - **Carrusel** de productos destacados - **Categorías** (iconos): - Suplementos - Ropa - Accesorios - Máquinas - **Productos populares** (grid de cards con imagen, nombre, precio) - **Bottom Navigation Bar**: - Home (icono casa) - Ejercicios (icono de pesas) - Mapa (icono de ubicación) - Tienda (icono de camiseta) - Máquinas (icono de equipo) ### 4. Ejercicios Demostrativos - **Selector por grupos musculares** (pestañas horizontales) - **Lista de ejercicios** con: - Miniatura de video - Nombre del ejercicio - Grupo muscular - Dificultad (estrellas) - **Filtros** por tipo de equipo y nivel - **Reproductor de video** integrado al seleccionar ejercicio ### 5. Mapa de Puntos de Venta - **Mapa interactivo** con marcadores de locales - **Filtros** por tipo de producto - **Lista de locales** desplegable con: - Nombre - Dirección - Horario - Distancia - **Botón** "Cómo llegar" que abre Google Maps/Waze ### 6. Tienda (Ropa y Accesorios) - **Selector de categorías**: - Ropa deportiva - Straps y cinturones - Guantes - Otros accesorios - **Sistema de filtros** por talla, color, precio - **Productos** en grid con: - Imagen - Nombre - Precio - Valoración - **Opción** de vista de lista para más detalles ### 7. Máquinas de Gimnasio - **Catálogo categorizado**: - Cardio - Fuerza - Peso libre - Accesorios - **Ficha técnica** por máquina: - Imágenes 360° - Especificaciones - Beneficios - Ejercicios posibles - Precio (si aplica) - **Comparador** de máquinas ## Elementos Adicionales - **Animaciones sutiles** en transiciones - **Dark mode** opcional - **Sistema de valoración** con estrellas - **Notificaciones** para ofertas y recordatorios de entrenamiento - **Integración** con wearables para sincronizar datos de entrenamiento