Ridge Trail
Resumen del diseño
Ridge Trail cubre detalles de ruta, navegación en curso y registros de caminatas completadas para senderistas de fin de semana, con curvas de nivel gris roca, trazados naranja de rescate y lecturas claras de elevación como un manual topográfico moderno. Arrastrar el perfil de elevación mueve a la vez la posición en el mapa y las lecturas; el mapa y el terreno están dibujados con código.
Prompt
Producto: Ridge Trail, una app de rutas de senderismo para encontrar recorridos, consultar desnivel y dificultad y obtener navegación en vivo una vez iniciada la caminata.
Diseña tres pantallas clave: detalle de la ruta con mapa, perfil de elevación, duración y puntos de avituallamiento; caminata en curso con distancia al siguiente cruce y ascenso restante; y registro de una caminata completada.
Dibuja mapas y terreno con código en lugar de usar capturas de mapas reales. Haz memorable la presentación de la elevación o de la ruta.
Diseña las pantallas de la app a 390×844. Entrega `index.html` y `screens.html` con las tres pantallas una al lado de otra.
Ver el prompt original en chino
产品：「山径」，一个徒步路线 App：找路线、看海拔和难度、出发后实时导航。
设计 3 个关键屏：路线详情（地图、海拔剖面、用时、补给点）、正在走（离下一个岔路口多远、还剩多少爬升）、走完后的记录。
地图和地形用代码画，不用真实地图截图。记忆点放在海拔或路线的呈现上。
App 屏幕按 390×844 设计，交付 `index.html` 和把三屏并排的 `screens.html`。
