le> /* ========================================================= CALICO - LOFT CONVERSIONS CONTENT BELOW ZOHO HERO ========================================================= */ .calico-page { font-family: "Open Sans", Arial, sans-serif; color: #34495E; background: #FFFFFF; } .calico-page * { box-sizing: border-box; } .calico-page h2, .calico-page h3, .calico-page h4, .calico-eyebrow, .calico-step-number, .calico-faq summary, .calico-btn, .calico-image-label { font-family: "Montserrat", Arial, sans-serif; } .calico-page h2 { font-size: clamp(30px, 3vw, 42px); line-height: 1.2; font-weight: 600; margin: 0 0 18px; color: #34495E; } .calico-page h3 { font-size: 21px; line-height: 1.3; font-weight: 600; color: #34495E; margin: 0; } .calico-page p { font-family: "Open Sans", Arial, sans-serif; font-size: 17px; line-height: 1.75; color: #34495E; margin: 0 0 18px; } .calico-page strong { font-weight: 700; } /* ========================================================= LAYOUT ========================================================= */ .calico-wrap { width: min(1180px, 92%); margin: 0 auto; } .calico-section { padding: 72px 0; background: #FFFFFF; } .calico-section.alt { background: rgba(220,180,116,0.05); } .calico-section-heading { max-width: 800px; margin-bottom: 38px; } .calico-section-heading.center { text-align: center; margin-left: auto; margin-right: auto; } .calico-eyebrow { text-transform: uppercase; letter-spacing: 1.4px; font-size: 13px; font-weight: 700; color: #D19C47; margin-bottom: 10px; } /* ========================================================= DIVIDERS ========================================================= */ .calico-divider { width: 90%; height: 1px; border: 0; background: #D19C47; margin: 16px auto 24px; } .calico-divider-short { width: 90px; height: 2px; border: 0; background: #D19C47; margin: 18px 0 24px; } .calico-divider-short.center { margin-left: auto; margin-right: auto; } /* ========================================================= SPLIT SECTIONS ========================================================= */ .calico-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } .calico-split.reverse .calico-image-wrap { order: 2; } .calico-split.reverse .calico-content-wrap { order: 1; } /* ========================================================= IMAGES ========================================================= */ .calico-image-wrap { width: 100%; } .calico-image { width: 100%; aspect-ratio: 16 / 9; display: block; object-fit: cover; border-radius: 7px; } /* ========================================================= CARDS ========================================================= */ .calico-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; } .calico-card { background: #FFFFFF; border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.50); overflow: hidden; display: flex; flex-direction: column; height: 100%; } .calico-card-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; } .calico-card-body { padding: 24px 28px 30px; display: flex; flex-direction: column; flex-grow: 1; } .calico-card h3 { min-height: 56px; display: flex; align-items: center; justify-content: center; text-align: center; } .calico-card p { margin: 0; } /* ========================================================= PANEL ========================================================= */ .calico-panel { background: rgba(220,180,116,0.05); border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.60); padding: 34px; } /* ========================================================= CONSIDERATIONS ========================================================= */ .calico-considerations { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 34px; } .calico-consideration { padding: 20px; border-left: 2px solid #D19C47; } .calico-consideration strong { display: block; font-family: "Montserrat", Arial, sans-serif; margin-bottom: 7px; } .calico-consideration p { font-size: 15px; margin: 0; } /* ========================================================= PROCESS ========================================================= */ .calico-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .calico-step { background: #FFFFFF; border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.50); padding: 26px; } .calico-step-number { display: block; color: #D19C47; font-size: 13px; font-weight: 700; margin-bottom: 12px; } .calico-step h3 { min-height: 55px; display: flex; align-items: center; justify-content: center; text-align: center; } /* ========================================================= BEFORE / AFTER ========================================================= */ .calico-before-after { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; } .calico-before-after-card { position: relative; } .calico-before-after-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 7px; border: 1px solid #DCB474; box-shadow: 1px 1px 7px rgba(220,180,116,0.50); } .calico-image-label { position: absolute; left: 18px; bottom: 18px; padding: 8px 14px; background: rgba(52,73,94,0.88); color: #FFFFFF; border-radius: 6px; font-size: 13px; font-weight: 600; } /* ========================================================= BENEFITS ========================================================= */ .calico-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .calico-benefit { background: #FFFFFF; border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.45); padding: 25px; } .calico-benefit strong { display: block; font-family: "Montserrat", Arial, sans-serif; margin-bottom: 8px; } /* ========================================================= RELATED SERVICES ========================================================= */ .calico-related { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .calico-related-card { display: flex; flex-direction: column; text-decoration: none; color: inherit; background: #FFFFFF; border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.50); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; } .calico-related-card:hover { transform: translateY(-4px); box-shadow: 2px 4px 10px rgba(220,180,116,0.60); } .calico-related-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .calico-related-content { padding: 22px; flex-grow: 1; } .calico-related-content h3 { text-align: center; } .calico-related-link { font-family: "Montserrat", Arial, sans-serif; color: #D19C47; font-weight: 600; } /* ========================================================= MAP ========================================================= */ .calico-area-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } .calico-area-list { line-height: 2; } .calico-map-wrap { width: 100%; height: 390px; overflow: hidden; border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.65); background: #FFFFFF; } .calico-map-wrap iframe { width: 100%; height: 100%; border: 0; } /* ========================================================= FAQ ========================================================= */ .calico-faq { max-width: 900px; margin: 0 auto; } .calico-faq details { background: #FFFFFF; border: 1px solid #DCB474; border-radius: 7px; margin-bottom: 14px; padding: 0 20px; box-shadow: 1px 1px 7px rgba(220,180,116,0.35); } .calico-faq summary { cursor: pointer; font-size: 18px; font-weight: 600; color: #34495E; padding: 20px 0; } .calico-faq details p { padding-bottom: 18px; } /* ========================================================= CTA ========================================================= */ .calico-cta { text-align: center; background: rgba(220,180,116,0.05); border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.50); padding: 48px 32px; } .calico-cta p { max-width: 760px; margin-left: auto; margin-right: auto; } .calico-btn-light { display: inline-block; margin-top: 8px; padding: 14px 26px; background: #DCB474; color: #34495E; text-decoration: none; border-radius: 6px; font-family: "Montserrat", Arial, sans-serif; font-weight: 600; } .calico-btn-light:hover { background: rgba(78,83,85,0.75); color: #FFFFFF; } /* ---------- INTERNAL SERVICE LINKS / FEATURE PANELS ---------- */ .calico-page a { color: #D19C47; } .calico-page a:hover { color: #34495E; } .calico-text-link { display: inline-block; margin-top: 14px; font-family: "Montserrat", Arial, sans-serif; color: #D19C47 !important; text-decoration: none; font-weight: 600; } .calico-text-link:hover { color: #34495E !important; } .calico-feature-panel { background: #FFFFFF; border: 1px solid #DCB474; border-radius: 7px; box-shadow: 1px 1px 7px rgba(220,180,116,0.55); padding: 34px; } .calico-feature-panel ul { padding-left: 22px; margin: 20px 0 24px; } .calico-feature-panel li { margin-bottom: 9px; line-height: 1.65; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .calico-section { padding: 60px 0; } .calico-grid-3, .calico-benefits, .calico-related, .calico-considerations { grid-template-columns: repeat(2, 1fr); } .calico-process { grid-template-columns: repeat(2, 1fr); } .calico-split, .calico-split.reverse, .calico-area-layout { grid-template-columns: 1fr; gap: 30px; } .calico-split.reverse .calico-image-wrap, .calico-split.reverse .calico-content-wrap { order: initial; } .calico-map-wrap { height: 400px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 680px) { .calico-wrap { width: 92%; } .calico-section { padding: 46px 0; } .calico-page h2 { font-size: 30px; } .calico-page p { font-size: 16px; } .calico-grid-3, .calico-benefits, .calico-related, .calico-considerations, .calico-process, .calico-before-after { grid-template-columns: 1fr; } .calico-card h3, .calico-step h3 { min-height: auto; } .calico-panel, .calico-card-body, .calico-step, .calico-benefit, .calico-related-content, .calico-cta, .calico-feature-panel { padding: 22px; } .calico-map-wrap { height: 320px; } }
Loft Conversions
Unlock the Space Above Your Home
The space you need may already be sitting above you.
A loft conversion can turn an underused roof space into a bedroom, home office, en-suite, dressing room or additional family space without increasing the footprint of the property.
At Calico, we look beyond simply creating a room in the roof. Structure, staircase access, headroom, insulation, windows, plumbing, electrics, heating, flooring, storage and finishing all need to work together if the new floor is going to feel like a natural part of the home.
What We Can Create
Loft Conversions Designed Around Your Property
The best type of loft conversion depends on the existing roof, available headroom, property style and how you want to use the new space.
Dormer Loft Conversions
A dormer can increase usable floor area and headroom, helping turn an awkward roof space into a much more practical room.
Rooflight Conversions
Where the existing roof space already has suitable proportions, roof windows can bring in natural light while retaining much of the existing roof form.
Hip-to-Gable Conversions
On suitable properties, altering the sloping side of the roof can create additional internal space and make the loft more practical.
Loft Bedrooms
Create a new bedroom that makes use of the character of the roof while incorporating appropriate storage, lighting, heating and access.
Bedrooms With En-Suites
Where services and space allow, an en-suite can turn the loft into a more complete bedroom suite with plumbing and ventilation planned into the conversion.
Loft Offices & Flexible Spaces
A loft can become a quieter working area, study, hobby room or flexible family space depending on what your home needs.
One Team. One Conversion.
From Roof Space to Finished Room
A loft conversion involves far more than boarding out an attic. Structural work, flooring, insulation, stairs, roofing, windows, electrics, heating, plastering and carpentry may all be required.
If the new space includes a bathroom or en-suite, plumbing and ventilation add further stages that need to be coordinated properly.
Calico brings the different elements together so the finished loft feels like a genuine new floor of the house rather than a separate room hidden above it.
Make Every Inch Work
Loft Space Needs Careful Planning
Roof slopes and restricted areas make lofts very different from conventional rooms. Good planning helps turn those limitations into useful features rather than wasted space.
HeadroomThe usable height of the roof space is one of the most important considerations when assessing a conversion.
Stair PositionThe new staircase needs to work both within the loft and the floor below without unnecessarily compromising either space.
Explore Staircases →
Natural LightRoof windows and dormers can bring daylight into areas that previously had little or no natural light.
StorageLow eaves and awkward roof slopes can often become useful built-in cupboards and storage spaces.
Heating & InsulationThe new room needs appropriate thermal performance and heating to remain comfortable throughout the year.
ServicesElectrics, plumbing, ventilation and other services need to be planned around both the loft and existing home.
Getting to the New Floor
A Loft Conversion May Need a Completely New Staircase
Creating a new floor within your home usually means finding a permanent, comfortable and practical way of reaching it.
Most houses were never originally designed with a staircase leading into the roof space. A conversion can therefore require a completely new staircase and a new opening through the existing floor.
The position of that staircase affects the loft above and the rooms below. Headroom, floor openings, landings, doors, structure and circulation routes all need to be considered together.
The finished staircase can also be designed to complement the existing home, with painted timber, oak, timber spindles, glass balustrades and other suitable finishes depending on the project.
Explore Staircases & Balustrades → Completing the New Floor
Flooring for a Loft Conversion
Once the structural loft floor and deck have been created, the final floor finish can be selected around the way the new room will be used.
Bedrooms and landings are often suited to carpet, while home offices, dressing rooms and flexible spaces may use timber, engineered flooring, vinyl or LVT depending on the specification.
The structural deck and any additional preparation above it need to be suitable for the selected finish. Flooring should also work neatly around the new staircase, doors, skirting and thresholds.
Explore Flooring Services → Our Approach
From Unused Loft to Finished Living Space
The first step is understanding whether the existing roof space can be transformed successfully and what type of conversion best suits the property.
01 Understand
We discuss what you need the extra space for and what you would like the finished loft to contain.
02 Assess & Plan
We consider the roof structure, headroom, stairs, layout, services and practical requirements before establishing the way forward.
03 Convert
Structural work, roofing alterations, insulation, flooring, windows and the main construction stages are coordinated.
04 Fit Out & Finish
Stairs, electrics, heating, plumbing where required, plastering, carpentry and decoration bring the new space together.
Transformation
Turn Storage Space Into Part of Your Home
A dark or awkward attic can become one of the most distinctive rooms in the house when the space, light and roof shape are used properly.
Before 
After The Details Matter
A New Floor That Feels Like It Has Always Been There
The best loft conversions connect naturally with the rest of the house, both practically and visually.
Structural Work The new floor and any roof alterations need to be designed around the existing structure and intended use.
Stair Integration A well-positioned staircase helps the loft feel like a natural continuation of the house rather than an add-on.
Roofing & Weatherproofing Roof alterations, dormers and windows must be properly integrated with the existing roof.
Insulation & Comfort Appropriate insulation and heating help the new floor remain comfortable throughout the year.
Bespoke Carpentry Eaves storage, wardrobes, shelving and fitted furniture can make excellent use of unusual roof spaces.
Complete Finishing Electrics, plastering, flooring, doors, skirting and decoration help turn the converted roof into a finished room.
Finished Flooring The structural loft deck and any preparation above it should be suitable for the selected carpet, timber, vinyl or LVT finish.
Explore Flooring Services →
Why Calico?
We Look at the Space Above and the Home Below
A loft conversion affects more than the attic itself. The staircase, services, structure and layout all interact with the existing house.
Our experience across carpentry, building and renovation means we can look at those relationships together rather than treating the loft as an isolated room.
That includes the structural floor and final flooring, the new staircase, carpentry, storage and the surrounding finishing work needed to make the conversion feel connected to the rest of the property.
We'll explain the practical options and help you understand where different approaches may improve the finished result for both the new space and the rest of your home.
Related Services
Complete the Wider Project
Local Loft Conversion Builders
Loft Conversions Across Hampshire
Calico is based on Hayling Island and undertakes loft conversion projects throughout Hampshire and surrounding areas.
Hayling Island • Havant • Portsmouth • Southsea • Emsworth • Waterlooville • Chichester • Fareham • Petersfield • Southampton
If your location is not listed, please still get in touch. The distance we travel can vary depending on the scale and nature of the project.
Questions & Answers
Loft Conversion FAQs
Can my loft be converted?
Many lofts can be converted, but suitability depends on factors such as the existing roof structure, available headroom, floor area, access and the type of conversion required. The property needs to be assessed before the best approach can be determined.
What type of loft conversion is best for my home?
That depends on the roof shape, property type, available space and what you want the finished loft to contain. Dormer, rooflight and other conversion types each suit different properties and requirements.
Do loft conversions need planning permission?
Some loft conversions may fall within permitted development rights, while others require planning permission. This depends on the scale, roof alterations, property and local circumstances. Relevant requirements should be checked for the individual project.
Do loft conversions need building regulations approval?
Yes, loft conversions generally need to comply with applicable building regulations, including requirements relating to structure, stairs, insulation, fire safety, ventilation and other elements of the project.
Can you add a bathroom or en-suite to the loft?
Potentially, yes. This depends on the available space and whether suitable water, waste and ventilation arrangements can be provided.
Where will the new stairs go?
Stair position is an important part of loft planning because it affects both the new loft and the floor below. We consider the available space, headroom and circulation when assessing the conversion.
Can you build storage into the eaves?
Yes. Low roof areas can often provide useful opportunities for fitted cupboards, drawers, wardrobes or other bespoke storage.
How long does a loft conversion take?
Timescales vary depending on the type and size of conversion, structural work, specification and whether bathrooms or other complex services are included. We can discuss a realistic programme once the project has been assessed.
Will my loft conversion need a new staircase?
In many cases, yes. A proper loft conversion normally needs permanent staircase access. The position needs to work with the loft above and the floor below while considering headroom, floor openings, landings, doors and circulation. Visit our Staircases & Balustrades page for more information.
Can the new loft staircase match the existing staircase?
Where practical, the new staircase can be designed to complement the existing stairs and interior using painted timber, oak, timber spindles, glass balustrades or a suitable combination of finishes.
What flooring can be used in a loft conversion?
The appropriate finish depends on the room use, structural deck and desired result. Carpet is common in bedrooms and landings, while timber, vinyl and LVT may suit offices, dressing rooms and other loft spaces. Visit our Flooring Services page for more information.
Do you prepare the loft floor before fitting the final covering?
The structural floor and deck form part of the conversion. Any additional preparation required for the selected finished floor can then be considered before installation.
Look Up
Could the Extra Room You Need Already Be Above You?
Whether you're thinking about another bedroom, an en-suite, a quiet home office or simply making better use of the space already within your property, talk to Calico about your loft.
We'll help you explore what may be possible and understand the practical options for your home.
Discuss Your Loft Conversion 
