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.

Use this template

Car rental app discover screen with search bar, category chips, and a Tesla Model 3 listing card

Car rental app map screen with orange price pins and a swipeable car carousel

Car rental app car detail screen showing a Porsche 911 with price and spec ribbon

Explore the screens

Preview the car rental mobile app design, fully editable in Sleek.

BookingScreen 4

TripsScreen 5

Active rentalScreen 6

About the 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.

Screens included

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.

Key features

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

Who it's for

Founders launching a peer-to-peer car rental marketplace

Product designers needing a rental app starting point

Indie developers building a fleet or car-sharing app

Travel startups prototyping a booking experience

What you can build

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

How to use this template

1
Open the template
Browse the screens and preview the full design to see if it fits your idea.
2
Use this template
Open your own fully editable copy in Sleek with one click.
3
Edit with AI
Restyle the palette, change layouts, and add or remove screens just by describing what you want.
4
Export and ship
Export your design or hand it to developers, and keep building toward launch.

Questions, answered. Everything to know before you start.

How do I build a car rental app from this template?

Click "Use this template" to open it in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, edit any screen, and add the flows your product needs. You start from six complete screens instead of a blank canvas, so you reach a working car rental app design far faster.

What screens are included in this car rental app UI design?

Six connected screens: Discover, Map results, Car detail, Booking, Trips, and Active rental. Together they cover the core rental flow, from browsing and comparing cars to reserving dates and unlocking the vehicle with a digital key.

Can I customize the car rental app UI?

Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the palette, swap car photography, adjust the spec ribbon, and add or remove flows. There's no manual redraw; you describe the change and it's applied.

Is there a free car rental app UI kit to download?

You can open and explore this car rental app design for free, then use it in your own Sleek project to build on it. Rather than a static download, you get an editable template you can restyle and export. Editing and exporting follow Sleek's standard plans.

Can I export the design to code or Figma?

Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.

Is this template suitable for a peer-to-peer car-sharing app?

Absolutely. The host ratings, digital key, and trip management screens map cleanly onto peer-to-peer marketplaces like Turo, as well as traditional fleet rentals. Adjust the categories, pricing, and content to fit your model.

Something else? Write to support@sleek.design.