*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--slate:#0f1923;--slate2:#1a2635;--amber:#e8a020;--amber2:#f5b940;--cream:#f5f0e8;--grey:#8a9bb0;--light:#dde4ec;--white:#ffffff;--danger:#c0392b} html{scroll-behavior:smooth;overflow-x:hidden} body{font-family:'Lato',sans-serif;background:var(--cream);color:var(--slate);line-height:1.6;overflow-x:hidden;width:100%;padding-top:98px} header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--slate);width:100%} .emergency-banner{background:var(--danger);color:var(--white);text-align:center;padding:.5rem 5%;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase} .emergency-banner a{color:var(--white);text-decoration:underline} .header-nav{display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:64px;border-bottom:3px solid var(--amber)} .logo{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;color:var(--white);letter-spacing:2px;text-decoration:none} .logo span{color:var(--amber)} nav a{color:var(--light);text-decoration:none;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-left:2rem;transition:color .2s} nav a:hover{color:var(--amber)} .nav-cta{background:var(--amber);color:var(--slate)!important;padding:.5rem 1.2rem;border-radius:2px} .breadcrumb{background:var(--slate2);padding:.7rem 5%;border-bottom:1px solid rgba(232,160,32,.15)} .breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center} .breadcrumb li{font-size:.78rem;color:var(--grey)} .breadcrumb li a{color:var(--grey);text-decoration:none;transition:color .2s} .breadcrumb li a:hover{color:var(--amber)} .breadcrumb li+li::before{content:'›';margin-right:.4rem;color:rgba(138,155,176,.5)} .breadcrumb li:last-child{color:var(--amber);font-weight:700} .snav{background:var(--slate2);padding:1rem 5%;border-bottom:1px solid rgba(232,160,32,.15)} .snav-inner{display:flex;gap:.5rem;flex-wrap:wrap} .snav a{color:var(--grey);text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.4rem .9rem;border:1px solid rgba(138,155,176,.25);border-radius:2px;transition:all .2s} .snav a:hover,.snav a.active{color:var(--amber);border-color:var(--amber);background:rgba(232,160,32,.08)} .hero{background:var(--slate);display:flex;align-items:center;padding:4rem 5%;position:relative;overflow:hidden;width:100%;box-sizing:border-box} .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a2635 0%,#0f1923 50%,#1a2a1a 100%);z-index:0} .hero-bg::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(232,160,32,.03) 40px,rgba(232,160,32,.03) 80px)} .hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--amber),var(--amber2),var(--amber));z-index:2} .hero-content{position:relative;z-index:1;max-width:700px;width:100%;display:flex;flex-direction:column;align-items:flex-start} .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(232,160,32,.15);border:1px solid var(--amber);color:var(--amber);font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:.4rem 1rem;border-radius:2px;margin-bottom:1.5rem;animation:fadeUp .6s ease both} .hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,6rem);line-height:.95;color:var(--white);letter-spacing:2px;margin-bottom:1.5rem;animation:fadeUp .6s ease .1s both} .hero h1 span{color:var(--amber);display:block} .hero p{font-size:1.05rem;color:var(--light);font-weight:300;width:100%;max-width:100%;margin-bottom:2rem;animation:fadeUp .6s ease .2s both} .hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .6s ease .3s both} .btn-primary{background:var(--amber);color:var(--slate);font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;padding:1rem 2.5rem;border-radius:2px;text-decoration:none;transition:all .2s;border:2px solid var(--amber)} .btn-primary:hover{background:var(--amber2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,160,32,.4)} .btn-outline{background:transparent;color:var(--white);font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;padding:1rem 2.5rem;border-radius:2px;text-decoration:none;border:2px solid rgba(255,255,255,.4);transition:all .2s} .btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,.08)} .hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;margin-top:2.5rem;width:100%;animation:fadeUp .6s ease .4s both} .stat{text-align:center;min-width:80px} .stat-num{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--amber);line-height:1} .stat-label{font-size:.7rem;color:var(--grey);text-transform:uppercase;letter-spacing:1px} .trust-bar{background:var(--slate2);padding:1.2rem 5%;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;border-bottom:1px solid rgba(232,160,32,.2)} .trust-item{display:flex;align-items:center;gap:.6rem;color:var(--light);font-size:.85rem;font-weight:700;letter-spacing:.5px} .trust-icon{color:var(--amber);font-size:1.1rem} section{padding:5rem 5%} .section-label{font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--amber);margin-bottom:.8rem} h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1;letter-spacing:1px;margin-bottom:1.2rem;color:var(--slate)} .section-intro{font-size:1.05rem;color:#4a5568;max-width:600px;margin-bottom:3rem} .services-section{background:var(--white)} .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5px;background:var(--light);border:1.5px solid var(--light)} .service-card{background:var(--white);padding:2.5rem 2rem;transition:all .25s;position:relative;overflow:hidden} .service-card::before{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--amber);transition:width .3s} .service-card:hover::before{width:100%} .service-card:hover{background:#fafbff} .service-icon{font-size:2rem;margin-bottom:1rem} .service-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:1px;margin-bottom:.6rem;color:var(--slate)} .service-card p{font-size:.92rem;color:#4a5568;line-height:1.7} .service-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.82rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--amber);text-decoration:none} .why-section{background:var(--slate);color:var(--white)} .why-section h2{color:var(--white)} .why-section .section-label{color:var(--amber)} .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem} .why-item{border-left:3px solid var(--amber);padding-left:1.5rem} .why-num{font-family:'Bebas Neue',sans-serif;font-size:3rem;color:rgba(232,160,32,.2);line-height:1} .why-item h3{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:1px;color:var(--amber);margin-bottom:.5rem} .why-item p{font-size:.9rem;color:var(--grey);line-height:1.7} .areas-section{background:var(--cream)} .areas-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem} .area-tag{background:var(--white);border:1.5px solid var(--light);color:var(--slate);padding:.5rem 1.2rem;border-radius:2px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;letter-spacing:.5px} .area-tag:hover{border-color:var(--amber);color:var(--amber)} .area-tag.primary{background:var(--amber);color:var(--slate);border-color:var(--amber)} .reviews-section{background:var(--white)} .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem} .review-card{background:var(--cream);padding:2rem;border-radius:2px;border-top:3px solid var(--amber)} .review-stars{color:var(--amber);font-size:1rem;margin-bottom:.8rem;letter-spacing:2px} .review-text{font-size:.95rem;color:#4a5568;line-height:1.7;font-style:italic;margin-bottom:1rem} .reviewer{font-weight:700;font-size:.85rem;color:var(--slate)} .reviewer span{font-weight:400;color:var(--grey);margin-left:.5rem} .faq-section{background:var(--cream)} .faq-list{max-width:800px;margin-top:2.5rem} .faq-item{border-bottom:1px solid var(--light)} .faq-question{width:100%;background:none;border:none;text-align:left;padding:1.4rem 0;font-family:'Lato',sans-serif;font-size:1rem;font-weight:700;color:var(--slate);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem} .faq-question::after{content:'+';font-size:1.4rem;color:var(--amber);flex-shrink:0;transition:transform .2s} .faq-item.open .faq-question::after{transform:rotate(45deg)} .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease} .faq-item.open .faq-answer{max-height:300px} .faq-answer p{padding-bottom:1.4rem;font-size:.95rem;color:#4a5568;line-height:1.7} .content-section{background:var(--white)} .two-col{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start} .two-col-equal{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start} .prose p{font-size:.95rem;color:#4a5568;line-height:1.8;margin-bottom:1.2rem} .prose h3{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:1px;margin:2rem 0 .8rem;color:var(--slate)} .prose ul{margin:0 0 1.2rem 1.2rem} .prose ul li{font-size:.95rem;color:#4a5568;line-height:1.9} .pricing-section{background:var(--cream)} .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2.5rem} .pricing-card{background:var(--white);padding:2rem;border-radius:2px;border-top:3px solid var(--amber)} .pricing-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.3rem;letter-spacing:1px;color:var(--slate);margin-bottom:.5rem} .pricing-price{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--amber);margin-bottom:.5rem} .pricing-card p{font-size:.88rem;color:#4a5568;line-height:1.7} .callout-box{background:var(--slate2);padding:2rem;border-radius:2px;border-left:4px solid var(--amber)} .callout-box h4{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:1px;color:var(--amber);margin-bottom:1rem} .callout-box p{font-size:.88rem;color:var(--light);line-height:1.7;margin-bottom:.8rem} .callout-phone{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:var(--amber);letter-spacing:2px;text-decoration:none;margin-top:1rem} .info-box{margin-top:1.5rem;background:var(--cream);padding:1.5rem;border-radius:2px} .info-box strong{font-family:'Bebas Neue',sans-serif;letter-spacing:1px;font-size:1.1rem} .info-box span{font-size:.85rem;color:#4a5568;line-height:2;display:block;margin-top:.5rem} .local-section{background:var(--white)} .map-placeholder{background:var(--slate2);border-radius:2px;height:280px;display:flex;align-items:center;justify-content:center;color:var(--grey);font-size:.85rem;letter-spacing:1px;text-transform:uppercase;border:2px dashed rgba(232,160,32,.3);flex-direction:column;gap:1rem} .cta-section{background:var(--slate);color:var(--white);text-align:center;padding:5rem 5%;position:relative;overflow:hidden} .cta-section::before{content:'PORTSMOUTH';position:absolute;font-family:'Bebas Neue',sans-serif;font-size:18vw;color:rgba(255,255,255,.03);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap} .cta-section .section-label{color:var(--amber)} .cta-section h2{color:var(--white);margin-bottom:1rem} .cta-section p{color:var(--grey);max-width:500px;margin:0 auto 2.5rem} .cta-phone{display:block;font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4rem);color:var(--amber);letter-spacing:3px;text-decoration:none;margin-bottom:2rem;transition:color .2s} .cta-phone:hover{color:var(--amber2)} footer{background:#080f17;color:var(--grey);padding:3rem 5%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem} .footer-brand .logo{font-size:1.4rem} .footer-brand p{font-size:.85rem;margin-top:1rem;line-height:1.7;max-width:280px} footer h4{font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:2px;color:var(--white);margin-bottom:1rem} footer ul{list-style:none} footer ul li{margin-bottom:.5rem} footer ul li a{color:var(--grey);text-decoration:none;font-size:.85rem;transition:color .2s} footer ul li a:hover{color:var(--amber)} .footer-bottom{background:#080f17;border-top:1px solid rgba(255,255,255,.06);padding:1.2rem 5%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem} .footer-bottom p{font-size:.78rem;color:rgba(138,155,176,.6)} .sticky-call{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--amber);color:var(--slate);text-align:center;padding:1rem;font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none} @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} .reveal{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease} .reveal.will-animate{opacity:0;transform:translateY(30px)} .reveal.visible{opacity:1;transform:none} @media(max-width:768px){ nav{display:none} .hero{padding:4rem 5% 5rem} .hero-actions{flex-direction:column} .btn-primary,.btn-outline{text-align:center;width:100%} .two-col,.two-col-equal{grid-template-columns:1fr} footer{grid-template-columns:1fr;gap:2rem} .sticky-call{display:block} body{padding-bottom:60px} .trust-bar{gap:1.2rem;justify-content:flex-start} }
Emergency roof repairs 24/7 — Call now: 0239 307 1334
★ 4.9/5 · 127 Reviews · Fascia and Soffits Fareham

Fascia & Soffits Fareham

Fascia and Soffits specialists in Fareham. Coastal specification, 10-year guarantee, free written quotes with no call-out fee.

Call Now: 0239 307 1334
20+
Years Local
127
5★ Reviews
24/7
Emergency
10yr
Guarantee
NFRC Registered
Fully Insured
10-Year Guarantee
Free Quotes
No Hidden Costs
Fascia and Soffits Fareham

Fascia and Soffits in Fareham

Why Fareham Fascia Boards Fail Faster Than Inland

Fareham's harbour humidity attacks UPVC and timber fascia boards faster than equivalent inland properties. 1930s and post-war semis properties typically show rot within 25 years here. We specify coastal-grade UPVC on all Fareham fascia work.

Fascia Replacement and Guttering in Fareham

Fascia and guttering are always assessed together in Fareham. A rotten fascia cannot support guttering — and fitting new guttering to a failing fascia wastes the investment. Both are assessed as part of every survey.

Soffit Ventilation for Fareham Properties

Correct soffit ventilation prevents condensation in the roof void — a concern in Fareham's harbour humidity which creates elevated ambient humidity. We specify correctly sized vents on all soffit replacement work.

Cost Guide for Fascia and Soffits in Fareham

ServiceCostNotes
Full fascia and soffit replacement (semi)800-1400Both elevations UPVC
Single elevation400-750Includes guttering assessment
Rotten section repair150-350Per elevation
Soffit vent inserts150-300Correct sizing
Reviews

What Fareham Customers Say

★★★★★

"Fascia and soffit replacement — UPVC in coastal grade, cast iron guttering matched on the front. Neat finish, no mess on the drive."

Tony L. · Fareham
★★★★★

"Full re-roof on our Catisfield semi — nail sickness confirmed on survey, batten condition checked first. Marine-grade stainless fixings used throughout. Exactly as quoted."

Graham T. · Catisfield, Fareham
★★★★★

"Harbour-facing ridge repointing in Fareham town. Used the correct sulphate-resistant mix for the exposure. Job done properly, no mess left behind."

Janet K. · Fareham town centre
FAQ

Frequently Asked Questions

Signs include visible rot or softness when pressed, paint peeling, guttering pulling away, or brown staining behind the gutterline.

We assess both together on every survey and advise on the correct scope before quoting.

Cellular UPVC as standard in coastal-grade formulation. We match existing colours and profiles.

A standard semi takes one to two days. Written quote before starting.

Yes free survey and written quote. No call-out fee. Call 0239 307 1334.

Yes. NFRC registered, fully insured, 10-year written guarantee.

Yes we advise on planning requirements for conservation area fascia work before starting.

Why Fareham Specifically

Why Fareham Matters for This Work

Fareham Climate and Exposure

Fareham sits at the head of Portsmouth Harbour where tidal air cycles inland daily, creating sustained humidity even without direct Solent frontage. North-facing elevations here stay damp significantly longer after rain than equivalent properties 5 miles inland.

Fareham Housing Stock Profile

The 1930s semi belt along Gosport Road and the post-war Catisfield estates form the bulk of Fareham's residential stock — two housing eras that present distinct roofing failure profiles simultaneously.

What This Means for Fascia Soffits in Fareham

Fareham's harbour humidity attacks UPVC joint seals and timber fascia boards faster than dry inland towns. Properties on streets facing the harbour approach should have fascia inspected every 5 years rather than the standard 10. Every job we carry out in Fareham is specified for these specific conditions — not a generic Portsmouth-wide approach.

Get In Touch

Get Your Free Quote

No call-out fees. No obligation. Fascia and Soffits specialists in Fareham.

0239 307 1334