Flat vs. Sloped Roofs Explained: Materials, Anatomy & What's Right for Your SF Property

Whether you own a Victorian home in Noe Valley or a commercial building in SoMa, your roof is defined by two things: its shape and what it's made of. These two factors determine everything, how long it lasts, how much it costs, how it handles San Francisco's coastal moisture, and what happens when something goes wrong. This guide breaks down the anatomy of a roof, compares today's leading residential and commercial materials side by side, and helps you figure out which system is actually right for your property.

Key Takeaways

• Residential sloped roofs and commercial flat (low-slope) roofs are fundamentally different systems, and require different materials, contractors, and maintenance strategies.

• Asphalt shingles cost $3–$8/sq ft installed and last 20–30 years; metal roofing costs $8–$30/sq ft but can last 40–70+ years.

• TPO is the most common flat roof membrane ($5.50–$10/sq ft installed); PVC costs slightly more but offers superior chemical resistance, ideal for buildings with rooftop kitchen exhaust systems.

• Every roof, flat or sloped, shares the same core anatomy: structure → decking → underlayment → covering → drainage. Understanding these layers helps you evaluate any roofing quote.

• San Francisco's coastal fog and moisture affect all roof types, shortening material lifespans compared to drier climates if the wrong system is installed.

• The best material for your property depends on slope, use, budget, and how long you plan to own it.

5 Questions This Article Answers

1. What's the actual structural difference between a flat and a sloped roof?

2. What are the parts of a roof and what does each one do?

3. How do metal and asphalt shingles compare for San Francisco homes?

4. What is TPO vs. PVC roofing, and which is right for my commercial building?

5. How do I pick the right material based on my property type, budget, and timeline?

Flat vs. Sloped Roofs, What's the Real Difference?

The terms "flat" and "sloped" describe a roof's pitch, the angle at which it drains water. This single variable changes nearly everything about how a roof is designed, what materials it uses, and how it fails.

Sloped roofs (also called pitched roofs) have a pitch steep enough to allow water to run off naturally by gravity. Most San Francisco residential homes, Victorians, Edwardians, Craftsmans, bungalows, have sloped roofs. The steeper the pitch, the faster water sheds, and the more material choices are available.

Flat roofs aren't truly flat. They're low-slope systems, typically pitched at less than 2:12 (less than a 2-inch rise for every 12 inches of horizontal run). Water doesn't shed by gravity alone on these roofs, it drains through a designed system of internal drains, scuppers, and slope built into the assembly. Flat roofs are common on and they also appear on many SF residential structures, particularly in dense urban neighborhood throughout San Francisco, SoMa, the Financial District, and the Peninsula, and they also appear on many SF residential structures, particularly in dense urban neighborhoods.

Why the Distinction Matters

The pitch of your roof determines which materials can be used. Asphalt shingles require a minimum slope to function, they depend on gravity to prevent water from backing up under overlapping layers. On a flat or low-slope surface, those same shingles would leak constantly. Conversely, a TPO membrane system designed for a flat commercial roof would look and perform poorly on a Victorian home's steep gable.

Pitch also affects drainage speed, debris accumulation, maintenance access, and how the roof responds to San Francisco's persistent marine layer. A flat roof in the Sunset District needs a robust waterproofing membrane and well-maintained drains. A steeply pitched Victorian in the Richmond needs algae-resistant shingles and properly flashed valleys.

The Anatomy of a Roof, Every Layer Explained

Before comparing materials, it helps to understand what you're actually buying. Every roof, flat or sloped, residential or commercial, is a layered system. Each layer has a job. When one fails, the others compensate temporarily, but eventually, the whole system fails.

Here is the anatomy from the inside out:

1. Structure, Rafters and Trusses These are the bones. Rafters are diagonal wood beams running from the peak of the roof down to the exterior walls, giving the roof its slope. Trusses are prefabricated triangular frames that serve the same load-bearing function in most modern construction. If these fail or rot, the entire roof sags or collapses. Structural issues are the most expensive to fix and the most important to catch early.

2. Decking (Sheathing) The decking is the solid surface fastened directly to the rafters or trusses, typically plywood or OSB (oriented strand board). This is what underlayment and shingles are nailed to. It must be solid, dry, and structurally sound. When a roof replacement is performed and the contractor discovers soft or water-damaged decking underneath, this is why costs can increase mid-project. Damaged decking must be replaced before any new roofing goes on.

3. Underlayment Underlayment is the waterproof or water-resistant membrane applied directly to the decking, beneath the visible roof covering. It is the roof's backup defense, if water gets past the shingles or membrane, underlayment prevents it from reaching the decking. There are three main types: traditional felt (asphalt-saturated paper), synthetic underlayment (more durable and moisture-resistant), and ice-and-water shield (a self-sealing rubberized membrane used in high-risk areas like valleys, eaves, and around chimneys). In San Francisco's moisture-rich environment, high-quality synthetic underlayment is strongly recommended over basic felt.

4. Flashing Flashing is thin metal (typically galvanized steel or aluminum) installed anywhere the roof meets a vertical surface or changes direction, around chimneys, skylights, vents, valleys, and dormers. Flashing is one of the most common sources of leaks when it's improperly installed, corroded, or simply skipped. A good roofing quote will always itemize flashing replacement, especially on older homes.

5. The Covering This is the visible layer, the shingles, metal panels, tile, or membrane that faces the weather directly. This is what most people think of when they think of a "roof," but it's really just the top layer of a multi-part system. Material choice affects appearance, cost, lifespan, energy efficiency, and insurance rates.

6. Drainage, Ridge, Valley, Gutters, Drip Edge The ridge is the horizontal peak where two slopes meet, typically capped with ridge cap shingles and a ridge vent. Valleys are the V-shaped troughs where slopes converge, a frequent leak point if not properly flashed. The drip edge is a metal strip along the roof's perimeter that guides water into gutters rather than behind the fascia board. Gutters and downspouts complete the system, channeling water away from the foundation.

7. Ventilation, Soffit and Ridge Vents Proper ventilation is the most underappreciated part of any roofing system. Soffit vents (on the underside of the eave overhang) draw in cool outside air; ridge vents exhaust hot, moist attic air. Without balanced ventilation, heat and moisture build up in the attic and degrade roofing materials from the inside, shortening the lifespan of even a brand-new roof.

San Francisco note: Inadequate attic ventilation accelerates moisture-related damage in the Bay Area's high-humidity climate. If a contractor doesn't mention ventilation as part of a replacement quote, ask about it directly.

Residential Materials, Metal vs. Asphalt Shingles

For sloped residential roofs on the Peninsula and throughout San Francisco, the two most common material choices are asphalt shingles and metal roofing. Here's how they compare across the factors that actually matter:

Cost and lifespan disclaimer: Material costs and lifespans are broad planning ranges. Actual installed cost and service life depend on roof design, slope, ventilation, exposure, maintenance, material package, warranty terms, and contractor scope.

Cost Comparison

Factor	Asphalt Shingles	Metal Roofing
Installed cost per sq ft	$3–$8	$8–$30
Typical total cost (2,000 sq ft roof)	$9,000–$17,000	$15,000–$45,000+
Lifespan	20–30 years	40–70+ years
Lifetime cost (50-year view)	~$24,000+ (2 replacements)	~$24,000 (1 installation)
Annual maintenance needs	Moderate	Low

Sources: Cobex Construction, NerdWallet, FoxHaven Roofing (2025–2026)

Asphalt Shingles

Asphalt shingles are the most widely used residential roofing material in North America. They come in two main types: three-tab shingles (the basic option) and architectural (or dimensional) shingles, which have a layered, textured appearance and perform better over time. Most Bay Area contractors recommend architectural shingles at minimum for San Francisco homes.

Why homeowners choose asphalt: Lower upfront cost, easier and faster installation, wide variety of colors and styles that suit traditional architectural forms, and broad contractor familiarity. An asphalt roof replacement can be completed in 1–3 days on most homes.

The real cost over time: In San Francisco's fog-heavy climate, an asphalt roof that might last 30 years in a dry climate may need replacement in 20–25 years without algae-resistant (AR-rated) materials and proper ventilation. Over a 50-year ownership period, most homeowners will pay for two full replacements, potentially costing more than one metal roof installed today.

Metal Roofing

Metal roofing, typically steel, aluminum, or standing seam systems, has become increasingly popular in Northern California due to its fire resistance, long lifespan, and suitability for coastal environments. It's available in panels or shingles and can be designed to complement traditional Victorian and Craftsman architecture.

Why homeowners choose metal: It lasts 40–70+ years with minimal maintenance, resists wind and impact damage better than asphalt, reflects solar heat (reducing cooling costs), and is fully recyclable at end of life. In San Francisco specifically, metal's resistance to moisture and biological growth gives it a significant advantage over asphalt in the fog belt.

The tradeoff: Metal costs 2–3x more upfront. Installation requires specialized skills. Some styles may not suit certain historic neighborhoods (worth checking with your HOA or SF Planning Department for properties in historic districts). It can also be noisier during heavy rain without proper insulation.

Which Is Right for Your SF Home?

Choose asphalt if: You need to manage upfront costs, plan to sell within 10–15 years, or want maximum flexibility in appearance. Upgrade to AR-rated architectural shingles at minimum.

Choose metal if: You plan to stay long-term, want minimal maintenance, are in a high-fog area like the Outer Sunset or Richmond District, or want the best long-term value regardless of initial cost.

Commercial & Low-Slope Solutions, TPO vs. PVC

For commercial properties and residential buildings with flat or low-slope roofs, the leading options are single-ply membrane systems, most commonly TPO and PVC. Both are installed in large sheets heat-welded at the seams to create a continuous, watertight surface.

What Is TPO?

TPO (Thermoplastic Polyolefin) is a white, flexible membrane that reflects sunlight and reduces cooling loads. It accounts for roughly 40% of new commercial roof installations in the United States. TPO works well for standard commercial and industrial buildings, offices, warehouses, retail spaces, and apartment buildings.

What Is PVC?

PVC (Polyvinyl Chloride) has been in use since 1966, nearly 30 years longer than TPO. It's also white and reflective, but its chemical makeup gives it superior resistance to grease, animal fats, and industrial chemicals. For San Francisco's many restaurant buildings, mixed-use commercial properties, and buildings with rooftop kitchen exhaust systems, PVC is often the technically correct choice.

Side-by-Side Comparison

Factor	TPO	PVC
Installed cost	$5.50–$10/sq ft	$6–$12/sq ft
Lifespan	15–30 years	20–30+ years
Chemical resistance	Moderate	Excellent
UV/heat reflectivity	Very high (~80%)	High (~85%)
Fire resistance	Requires additives	Self-extinguishing
Best for	Offices, warehouses, retail, standard residential flat	Restaurants, industrial, chemical exposure, coastal
California Title 24 compliance	Yes (cool roof)	Yes (cool roof)

Sources: Angi, CPS Construction, General Roofing Co., Chase Roofing (2025–2026)

Important for California projects: As of January 1, 2026, the 2025 California Energy Code (Title 24) is in effect for new permit applications. Low-slope commercial roofs are generally required to meet cool roof reflectivity standards. Both TPO and PVC qualify, but material selection and membrane thickness can affect compliance. A licensed contractor familiar with SF permitting requirements will navigate this automatically.

EPDM: The Third Option

EPDM (Ethylene Propylene Diene Monomer) is a black rubber membrane that has been in use for decades and remains common on older commercial buildings throughout the Bay Area. It's durable and less expensive than TPO or PVC but doesn't offer the reflective energy benefits of white membranes. Many Bay Area building owners are replacing aging EPDM systems with TPO during their next roof cycle.

How to Choose, A Decision Framework

Property Type	Roof Pitch	Recommended System
Victorian / Craftsman home	Steep slope	Architectural asphalt shingles (AR-rated) or metal
Long-term homeowner, fog belt	Steep slope	Metal (best value over 40+ years)
Flat-roof residential condo/home	Low-slope	TPO or modified bitumen
Commercial office / warehouse	Flat	TPO
Restaurant / food service building	Flat	PVC (chemical resistance required)
Historic property	Varies	Confirm with SF Planning; slate or clay tile may be required

The right answer for your property comes from an honest conversation with a licensed contractor following a professional roof inspection, not from a price sheet or a generic recommendation.

Get a Free Estimate, No Pressure, No Guesswork

Every property is different. The best way to know what your roof actually needs, and what it will actually cost, is a professional inspection from someone who knows San Francisco's building codes, climate conditions, and architectural styles.

We offer free estimates for residential and commercial roofing projects throughout San Francisco and the Peninsula. Our team will inspect your roof, explain what we find in plain language, walk you through your material options, and give you a detailed, itemized quote, so you can compare it against any other bids and make a confident decision.

→ Request Your Free Estimate: (650) 589-4173 | Central.Roofing@yahoo.com | http://www.centralroofingcal.com/

No obligation. No high-pressure sales. Just honest information about your roof.

FAQ

Q: Can I put a flat roof on my house in San Francisco? 

Yes. Flat and low-slope roofs are common on San Francisco residential properties, particularly in densely built neighborhoods. They require a different membrane system than a sloped roof and proper attention to drainage design and maintenance. A licensed SF contractor can advise whether your specific structure and neighborhood is appropriate for a flat-roof system.

Q: How long should a roof last in San Francisco? 

It depends on the material and how well it's maintained. Asphalt shingles: 20–25 years in the Bay Area's damp climate. Metal roofing: 40–70+ years. TPO flat membranes: 15–30 years. PVC: 20–30+ years. All these lifespans assume proper installation, adequate ventilation, and periodic maintenance.

Q: What's the difference between 3-tab and architectural shingles? 

Three-tab shingles are the thinner, less expensive option with a flat, uniform appearance. Architectural (dimensional) shingles are thicker, layered, and more textured, they look better, perform better in wind and impact, and carry longer warranties. Most contractors recommend architectural shingles as the baseline for SF homes. The price difference is modest compared to the performance gap.

Q: Is my contractor required to pull a permit for a roof replacement in SF? 

Yes, for virtually all full replacements. Only a licensed C-39 roofing contractor registered with the City of San Francisco can pull a roofing permit. Always verify your contractor's CSLB license number at cslb.ca.gov before signing anything.

Q: What maintenance does a flat roof require compared to a sloped roof? 

Flat roofs require more active maintenance, clearing debris from drains, checking seams and membrane integrity annually, and acting quickly on any ponding water issues. Sloped roofs are more self-cleaning but still need annual inspections, gutter cleaning twice yearly, and attention to flashing and valley condition, especially in San Francisco's wet winters.