Automotive Design · 189 of 210

Scan Tool Black

Deep oil black, gear steel and a signal red, with the symptom checker built like a scan tool screen. It is for the transmission specialist who reads the codes, drives the car and only then gives a price.

Built for Transmission Repair, Auto Repair (General). Sample business on the page, Red Fork Transmission, Tulsa OK.

I Want A Site Like ThisOpen The Live Design
Scan Tool Black website design on a desktop
The first screen, “Shifting Wrong? We Scan It, Drive It, Then Price It.”

Colors

#9aa4ad
#2b3036
#e2332b
#cfd5da
#141619
#ff5a4f

Fonts

  • Oxanium
  • Manrope

Sections In Order

  1. Shifting Wrong? We Scan It, Drive It, Then Price It.
  2. What Is Your Transmission Doing?
  3. Five Jobs We Do Every Week
  4. From the Bays This Month
  5. What Tulsa Drivers Say
  6. Questions We Get at the Counter

Built In

  • popover tooltips with anchor positioning
  • exclusive accordion FAQ with animated open
  • invoker command dialog with @starting-style
  • grain texture
  • Tool on the page, Transmission symptom checker
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Inline SVG graphics

The Whole Page

Full page of the Scan Tool Black design

On A Phone

Scan Tool Black on a phone

More Automotive Designs

Inspection Report website design
Inspection ReportAuto Repair, Brakes
Warm Asphalt website design
Warm AsphaltMobile Mechanic, Auto Repair (General)
Snowbird Lanes website design
Snowbird LanesAuto Transport / Car Shipping
Claim Tracker website design
Claim TrackerCollision Repair, Towing

Next Design, Boarding Pass All Designs

↑