Mock

Invented brand · Built as a showcase

Dave's Garage Doors

The Dave's Garage Doors homepage: Garage doors done right, since 1989, over a lit garage at dusk
Highlights

See the highlights
of this website.

Service cards for repair, new doors and openers under the line: Everything your garage door needs
Six services from Home
A new carriage house door beside the line: A new door that looks right on your house
New doors from Home
The owner portrait and the lettered van beside the line: A neighbor who happens to know garage doors
Family owned from Home
Area cards for In Town and Lake Country under the line: Hometown and every town around it
Service area from Home
The repair page hero with spec chips above a photo of a spring repair
Repair from Services
Four starting-price cards under the line: Straight prices. A firm quote before any work
Starting prices from Services
The ballpark patch beside Safe at Home in the brand script
Safe at Home from About
The quote form beside the shop phone and hours
Free quote from Contact
The door styles lineup: carriage house, modern flush and raised panel
Door styles from Door Styles

Color Palette

This website uses a color palette of 4 colors

Typography

OswaldHeadlines and prices
Sansita SwashedThe ballpark script
BarlowBody text

Technologies & Tools

  • Mock
  • Garage doors
  • Home services
  • Branding
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Vercel

Description

Dave's Garage Doors is an invented garage door company, founded in 1989 in a town called Hometown. It started as a full brand package, a red ballpark script with a Safe at Home patch, and became a fast service site: six service pages with starting prices, door styles, a service area and a quote form, with photos made with AI.

The idea

Show a local service company how far one brand can go: the logo, the patch, the van and a website that all speak the same old-ballpark language.

The build

The brand package first, then the site: six service pages with starting prices, door styles, a service area, an about page with the patch, and a quote form.

Why a mock

It is an invented brand, built to show the work. It is live as a demo, not a real business, so there are no client results.

Inside look

Built for the
phone first.

Homepage on a phone Service cards on a phone Repair page on a phone The patch on a phone
Mobile from Every page

Speed / Desktop

99/ 100

Lighthouse accessibility, desktop
100 / 100
Lighthouse best practices, desktop
100 / 100
Issues found by an axe scan of 15 pages, computer and phone
0
Photos made with AI for the site
23