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.
Aperçu
Explorer les écrans
Prévisualisez le design d'app mobile car rental, entièrement modifiable dans Sleek.
À propos de 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.
Ce qu'il y a dedans
Écrans inclus
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 et fonctionnalités
Fonctionnalités clés
- 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
Public
Pour qui c'est fait
Cas d'usage
Ce que vous pouvez créer
- 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
Comment utiliser ce template
- 1
Ouvrir le template
Parcourez les écrans et prévisualisez le design complet pour voir s'il correspond à votre idée.
- 2
Utiliser ce template
Ouvrez votre propre copie entièrement modifiable dans Sleek en un clic.
- 3
Modifier avec l'IA
Restylez la palette, changez les mises en page, et ajoutez ou supprimez des écrans simplement en décrivant ce que vous voulez.
- 4
Exportez et lancez
Exportez votre design ou confiez-le aux développeurs, et poursuivez le développement jusqu'au lancement.
Questions fréquentes
Templates d'apps mobiles associés
Commencez à designer votre app car rental
Utilisez-le dans Sleek et faites-en le vôtre : restylez la palette, modifiez n'importe quel écran avec l'IA, et exportez en code ou Figma.
Utiliser ce template