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.
Ekranları keşfedin
Sleek'te tamamen düzenlenebilen car rental mobil uygulama tasarımını önizleyin.
Car Rental App hakkında
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.
Dahil olan ekranlar
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.
Öne çıkan özellikler
- 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
Kimler için
Neler oluşturabilirsiniz
- 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
Bu şablon nasıl kullanılır
- 1
Şablonu aç
Ekranlara göz atın ve fikrinize uyup uymadığını görmek için tüm tasarımı önizleyin.
- 2
Bu şablonu kullan
Tek tıkla Sleek'te tamamen düzenlenebilir kendi kopyanızı açın.
- 3
Yapay zekâ ile düzenle
Ne istediğinizi anlatarak paleti yeniden tasarlayın, düzenleri değiştirin, ekran ekleyin veya kaldırın.
- 4
Dışa aktar ve yayınla
Tasarımınızı dışa aktarın ya da geliştiricilere teslim edin, lansmana kadar geliştirmeye devam edin.
Sorularınızın yanıtları. Başlamadan önce bilmeniz gereken her şey.
How do I build a car rental app from this template?
What screens are included in this car rental app UI design?
Can I customize the car rental app UI?
Is there a free car rental app UI kit to download?
Can I export the design to code or Figma?
Is this template suitable for a peer-to-peer car-sharing app?
Başka bir sorunuz mu var? support@sleek.design adresine yazın.
İlgili mobil uygulama şablonları
car rental uygulamanızı tasarlamaya başlayın
Sleek'te kullanın ve kendinize göre uyarlayın: paleti yeniden tasarlayın, herhangi bir ekranı yapay zekâ ile düzenleyin, ardından koda veya Figma'ya dışa aktarın.