ALTORA AI Road Cycling UI Kit

Turn ride data into a clearer next move.

ALTORA is an editable Figma UI kit for road cycling apps, AI coaching tools and training platforms. It brings route planning, ride analysis and personalized training into one connected design system, helping you build a cycling experience with a clear visual identity.

A distinctive cycling aesthetic Dark surfaces, precise orange accents and a coordinated collection of cycling imagery create an immersive sports interface. Recessed card edges and slim vertical grip details add character to selected panels, while carefully structured maps, elevation profiles and performance charts keep complex ride data readable.

Connected journeys, from planning to progress

• Ride analysis: recording import, sector comparisons, matched climbs, course annotations and ride reports.
• Route planning: course discovery, route editing, climb pacing, planned stops and route preparation.
• Training: goal setting, weekly schedules, workout editing, session rebalancing and workout player states.
• AI coaching: context selection, supporting evidence, time constraints and workout revisions that riders can review before accepting.
• Rider accounts: sign in, registration, access recovery, rider baselines and connected data sources.

Desktop and mobile, designed for each format Explore 100 product task screens across 50 desktop and 50 mobile layouts, supported by 58 contextual states. Mobile screens rearrange navigation, content and controls for a smaller format while preserving the same visual language.

A companion website that completes the story The kit also includes 16 website page designs and 7 support states across desktop and mobile. Home, product, pricing, checkout, journal and article layouts extend the product identity into a cohesive marketing experience.

Built to make customization easier Reusable Figma components, variables and text styles provide a consistent foundation for navigation, cards, controls and typography. Adapt the system to a sports startup, a training platform or your next cycling product concept.

What's included

• 100 product task screens: 50 desktop + 50 mobile
• 58 contextual product states
• 16 companion website pages + 7 support states
• Reusable components, variables and text styles
• Detailed route maps, elevation profiles and performance charts
• Coordinated AI-generated cycling imagery
• Editable native Figma source

ALTORA is a static design resource. Application code, backend services, a working AI engine and an interactive prototype are not included. Typography uses Manrope, available separately. Cycling imagery is AI-generated.