Butterfly Roof Architecture: Passive Solar Design, Rainwater Harvesting, and Pavilion Layout

Butterfly roofs are one of the most distinctive features in modern residential architecture. The V-shaped roof form, which angles upward from the eaves to a raised central ridge, creates a dramatic silhouette while serving practical functions that flat or pitched roofs cannot match. A retirement retreat in Carmel-by-the-Sea, California demonstrates how butterfly roofs can shape an entire home’s design, from its visual identity to its water management and energy performance. This project draws on nature integrated architecture principles where building form responds directly to site conditions and environmental goals.

The butterfly shape faces upward at the center, so the roof forms a shallow valley rather than a peak. Water flows to the center of each roof section rather than running off the edges. Deep overhangs on the high sides provide shade when the sun is high while allowing low-angle winter light to reach the interior. These characteristics make the butterfly roof a genuinely multi-functional design element, not merely a sculptural gesture.

Butterfly Roof Geometry: Design and Function

The butterfly roof inverts the traditional gable. Instead of a ridge at the top and slopes running down to the eaves, the butterfly roof has its lowest point at the eaves and rises to a central valley. This geometry creates a wing-like appearance that gives the roof its name. The angle of the upward slope typically ranges from 10 to 25 degrees depending on climate, rainfall intensity, and the desired visual effect.

For the Carmel-by-the-Sea project, the architects designed three separate butterfly roofs, one over each pavilion. The roofs are oriented to open toward the canyon views at the rear of the property. The highest point of each roof faces the hills beyond, drawing the eye outward and upward. The design alignment with architecture firms advancing passive house design shows how butterfly roof geometry can be tuned to optimize solar orientation and shading.

Structural Considerations

Butterfly roofs require careful structural engineering because the upward slope at the eaves reverses the normal gravity load path. Standard roof framing relies on rafters that slope downward toward the exterior walls, with gravity pulling the loads directly into the wall plates. A butterfly roof’s rafters slope upward from the eave, so the connection at the low point must resist both vertical and lateral forces through engineered brackets or moment connections.

  • Steel moment frames or glued laminated timber beams at the eave connection points
  • Rigid connections between rafters and supporting columns to resist uplift at the low ends
  • Internal gutters concealed within the central valley to handle concentrated water flow
  • Roof diaphragms designed to transfer lateral wind loads to shear walls rather than relying on the sloped rafters alone

Materials for the Butterfly Roof Structure

The Butterfly House uses steel supports combined with plywood decking and a standing seam metal roof. Steel provides the strength needed for the unconventional load paths while keeping the roof profile thin and light. Plywood ceilings on the interior surface add warmth and acoustic absorption. Standing seam metal roofing, typically aluminum or steel, is the most common cladding for butterfly roofs because its continuous seams handle the low-slope drainage requirements better than shingles or tiles.

Rainwater Harvesting Through Roof Design

Water is an increasingly limited resource in California, and the Butterfly House treats its roof as a catchment system. Each butterfly roof funnels rainwater to the center valley, where internal gutters collect the flow and direct it to landscape collection pools on the ground. From these pools, water moves to underground cisterns for storage until it is needed for landscape irrigation.

This integrated rainwater harvesting system turns a potential drainage challenge into a functional asset. A standard pitched roof sheds water to the perimeter, where it runs into gutters and downspouts that discharge to the ground or storm drainage. A butterfly roof concentrates water at the center of the building, which simplifies collection but requires a robust internal gutter and downspout system to handle peak flows during heavy rain.

Roof TypeCollection PatternCatchment EfficiencyInfrastructure Needed
Butterfly (V-valley)Central valley, single collection point85-95% of rainfallInternal gutter, valley flashing, cistern
Shed roof (single slope)One edge, full-width gutter80-90% of rainfallStandard gutter and downspout
Gable roof (dual slope)Two eaves, two gutter lines75-85% of rainfallTwo gutters, split collection
Flat roof with parapetInternal drains, scuppers70-80% of rainfallRoof drains, internal piping

For a 200-square-meter butterfly roof in a region with 500 mm of annual rainfall, the system captures roughly 85,000 to 95,000 liters of water per year. This supply meets a significant portion of the landscape irrigation demand, reducing reliance on municipal water or well pumping. The cottage house design aesthetic shows how rainwater features can be integrated as visible landscape elements rather than buried infrastructure, turning functional cisterns and collection pools into design features.

Passive Solar Heating with Concrete Thermal Mass

The Butterfly House uses concrete floors and walls combined with extensive glazing to capture and store solar energy. During the day, sunlight enters through large south-facing windows and warms the concrete surfaces. The concrete absorbs this heat and releases it slowly at night, smoothing out temperature swings and reducing the need for mechanical heating. This passive solar strategy works especially well in Mediterranean climates like coastal California, where sunny days alternate with cool nights.

The Boxwood House modern architecture approach uses similar thermal mass strategies to regulate interior temperatures with minimal active systems. The principle relies on three variables: the thickness and surface area of the thermal mass, the amount of direct solar exposure, and the insulation level of the building envelope.

Thermal Mass Performance Guidelines

  • Concrete slab thickness: 100 to 150 mm for effective diurnal heat storage. Thinner slabs store too little energy; thicker slabs add cost without proportional benefit.
  • Exposed surface: At least 60 percent of the floor area should be exposed thermal mass, uncovered by rugs or furniture, to absorb solar radiation.
  • Insulation placement: Insulate under and around the slab to prevent heat loss to the ground. Edge insulation is critical to avoid thermal bridging at the perimeter.
  • Glazing ratio: South-facing windows should cover 25 to 40 percent of the wall area to admit sufficient solar gain without causing overheating.

The Butterfly House supplements its passive solar system with an out-of-sight solar panel array that powers the home’s electrical needs. The combination of passive thermal mass and active photovoltaic generation creates a dual energy strategy: the concrete manages daily temperature swings while the solar panels offset grid electricity consumption. The home uses very little energy overall, a result of the integrated design rather than any single technology.

Pavilion Layout for Flexible Multi-Use Living

The Butterfly House is organized as three separate pavilions rather than a single unified structure. The central pavilion contains the main living room, dining area, and kitchen, while the two flanking pavilions house the bedrooms, bathrooms, and relaxation spaces. This layout suits the clients’ needs as retirees who wanted a peaceful primary residence with the flexibility to host their grown children when they visit.

Each pavilion is modest in size, but the rear walls of all three open completely to the canyon view through floor-to-ceiling glass. The visual connection to the landscape makes each pavilion feel much larger than its actual footprint. The outdoor spaces between the pavilions function as outdoor rooms that extend the usable living area during favorable weather.

The rear window house minimalist remodel demonstrates a similar strategy of opening the rear facade to maximize connection to the site while keeping the street-facing side more private. For the Butterfly House, the three pavilions are arranged along the canyon edge so each one has its own direct view and outdoor access point.

Spatial Zoning by Pavilion

The three-pavilion diagram creates natural zoning without walls or corridors. The central pavilion is the social hub, open and connected. The sleeping pavilions to either side are quiet zones, visually linked to the landscape but acoustically separated from the central living area by the outdoor gaps between structures. This arrangement eliminates the need for long hallways, saving floor area that can be redirected to more generous living spaces.

Indoor-Outdoor Material Continuity

The Butterfly House uses a consistent neutral palette of materials inside and outside. Concrete floors continue from interior spaces to exterior terraces with no visible transition. Plywood ceilings extend beyond the glass walls to form the soffits of the roof overhangs, blurring the line between inside and outside. The steel supports are left exposed both indoors and out, maintaining visual consistency across the three pavilions.

This material continuity makes the house feel larger than its enclosed square footage because the eye reads the interior and exterior spaces as one continuous environment. The deep overhangs of the butterfly roofs shade the glass walls during summer, preventing overheating while maintaining the visual connection to the canyon. Winter sun, which comes from a lower angle, passes under the overhangs to warm the concrete thermal mass inside.

The integration of house wrap for modern architecture shows how the building envelope behind the finishes must perform in harmony with the passive design strategy. An air-tight, well-insulated envelope ensures that the heat absorbed by the concrete mass stays inside the building rather than leaking out through gaps in the construction.

Site Selection and Its Role in Design Success

The clients spent two years searching for the perfect site before building the Butterfly House. That investment in site selection paid off in the quality of the final design. The property they found in Carmel-by-the-Sea offered a spectacular canyon view, southern solar exposure, and a meadow-like setting that inspired the butterfly roof concept.

Site characteristics directly influenced every major design decision. The canyon view determined the orientation of all three pavilions. The solar exposure made passive thermal mass viable. The meadow setting suggested a light-touch building that would float above the ground rather than excavating deeply into the hillside. The three separate pavilions, each with its own butterfly roof, minimize earthwork because the building footprint is broken into smaller pieces that follow the natural contours of the land.

The butterfly roof form, often chosen purely for its visual drama, proves here that unusual roof geometries can deliver genuine environmental benefits. Rainwater harvesting, passive solar shading, and daylighting all improve with the butterfly form compared to a conventional pitched or flat roof. For architects and homeowners considering a non-traditional roof shape, the Butterfly House offers a working example of form following function at every scale, from the overall pavilion layout to the individual roof valley and its integrated cistern system.