Concept site — five styles, one roofer

Perkins
Roofing

Roofing contractor in Miami, FL — tile, metal, shingle, and flat roofs. Pick a style below to preview the concept.

(555) 010-2030South Florida

Five styles.
Pick one.

Each style is a full one-page concept for the same business — same services, prices, and facts, different design language. Built as single files.

01

Dark Portfolio

High-impact dark editorial: giant gradient wordmark, scroll-driven type marquee, numbered service index, and sticky-stacking cards for residential, commercial, and coastal work.

Open style 01
 02

Scroll Story

A cinematic two-phase scroll: full-bleed roof photo with fixed overlay UI, then a black panel slides up and carries the whole story — services, prices, process, FAQ — to a white outro.

Open style 02
 03

Card Mosaic

Black-and-white card matrix: cards share one continuous background pattern like a mosaic, with a splash counter, drawer menu, and staggered reveals.

Open style 03
 04

White Editorial

Airy white minimalism with serif headlines: narrow hero, photo figure, dual pricing cards, auto-rotating reviews, and a floating bottom nav.

Open style 04
 05

Poster Reveal

A single-screen poster with a giant wordmark and a cursor-driven morph-reveal panel — move the mouse to erase one roof texture and reveal another — then scrollable poster sections.

Open style 05

The business,
in brief.

Services

  • Tile roofing — clay & concrete
  • Metal roofing — standing seam (aluminum near salt water)
  • Shingle roofing — architectural shingles
  • Flat & low-slope — TPO, modified bitumen, coatings
  • Roof repair · Roof replacement
  • Commercial & condominium
  • Roof inspections — 4-point, wind mitigation, certifications

Service area & contact

Miami, FL
Serving the Miami area

(555) 010-2030

Planning prices (per square)

  • Architectural shingle — $500–$950
  • Flat TPO — $600–$1,400
  • Concrete tile — $1,000–$1,700
  • Standing-seam metal — $1,100–$2,300
  • Clay barrel tile — $1,400–$2,500

Planning estimates for reference only — not a formal quote.

How we work

  • 01 — Tell us about the roof (call, form, or roof calculator)
  • 02 — We inspect and measure, on the roof
  • 03 — You get it in writing, line by line

Licensed & insured roofing contractor in Miami, FL.