Travel & Booking · Open Road Editorial
Car Rental App UI Design Template
Vello is a car rental app design with an Open Road Editorial look, built for founders and designers launching a peer-to-peer or fleet rental product.



Anteprima
Esplora le schermate
Anteprima del design dell'app mobile car rental, completamente modificabile in Sleek.
Info su Car Rental App
Vello is a car rental app UI design built on an "Open Road Editorial" aesthetic: a warm bone-white base, deep asphalt-charcoal text, and a single signal-orange accent reserved only for the primary booking action and selected dates. Surfaces are defined by hairline rules and tonal blocks instead of shadows, with full-bleed studio car photography filling the top of every card and a wide condensed grotesque for car names and oversized prices that reads like motorway signage.
The template ships six connected screens that form a complete rental flow: a Discover feed with location search and category chips, a Map results view with orange price pins, a Car detail page with a spec ribbon and reserve bar, a Booking screen with a calendar range and protection plans, a Trips list, and an Active rental screen with a hold-to-unlock digital key. A signature odometer-style eyebrow ("DAILY · UNLIMITED MILES · 05 SEATS") and a monospace spec ribbon for transmission, fuel, seats, and bags recur across every car so the design feels like one coherent product.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
Cosa c'è dentro
Schermate incluse
Discover
A search feed headed by the Vello wordmark and a location-and-dates bar, with scrollable category chips (Electric, SUV, Luxury, Convertible) above large car cards showing photo, rating, price per day, and a monospace spec ribbon. The browse-and-pick surface.
Map results
A map view dotted with orange price pins over San Francisco, with a swipeable mini-card carousel at the bottom showing a Ford Mustang at $68 a day with its rating and seat count. Helps renters compare price by location.
Car detail
A full-bleed hero of a Porsche 911 with a photo-progress bar, the condensed car name and a bold per-day price, a monospace spec ribbon for transmission, fuel, seats, and doors, and a sticky orange "Reserve" bar with the total for the trip. The conversion screen.
Booking
A March calendar with the selected pickup-to-return range glowing orange, pickup and return time summaries, and a Protection Plan list with Basic, Plus, and Premium tiers as selectable radio options. Where renters lock dates and coverage.
Trips
An Upcoming and Past tab layout with a trip-in-progress banner, an active Audi A4 card showing dates, pickup address, and "Modify Trip" and "Digital Key" actions, plus a recently completed trips list. The traveler's home base.
Active rental
A digital key card showing a LOCKED status with proximity and Bluetooth state, a large "Hold to Unlock" button, panic, trunk, and flash controls, plus a trip timer, fuel and range readout, and navigation to the car. The keyless drive experience.
Design e funzionalità
Funzionalità principali
- Open Road Editorial aesthetic: bone white, asphalt charcoal, one signal-orange accent
- Condensed grotesque car names and oversized tracked prices
- Odometer-style uppercase eyebrow on every car listing
- Monospace spec ribbon for transmission, fuel, seats, and bags
- Full-bleed car photography on crisp 8px-radius cards
- Map results with orange price pins and a swipeable carousel
- Booking calendar with glowing date range and protection tiers
- Hold-to-unlock digital key with trip timer and fuel readout
Pubblico
A chi è rivolto
Casi d'uso
Cosa puoi creare
- Launch an MVP for a car rental or car-sharing product
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent rental UI off to developers
- Explore a redesign of an existing rental app
Come usare questo template
- 1
Apri il template
Sfoglia le schermate e guarda l'anteprima del design completo per capire se si adatta alla tua idea.
- 2
Usa questo template
Apri la tua copia completamente modificabile in Sleek con un clic.
- 3
Modifica con l'AI
Cambia la palette, i layout e aggiungi o rimuovi schermate descrivendo semplicemente cosa vuoi.
- 4
Esporta e lancia
Esporta il tuo design o passalo agli sviluppatori, e continua a costruire verso il lancio.
Domande frequenti
Template di app mobile correlati
Inizia a disegnare la tua app car rental
Usalo in Sleek e rendilo tuo: cambia la palette, modifica qualsiasi schermata con l'AI ed esporta in codice o su Figma.
Usa questo template







