Icon - Arrow LeftAn icon we use to indicate a rightwards action. Icon - Arrow RightAn icon we use to indicate a leftwards action. Icon - External LinkAn icon we use to indicate a button link is external. Icon - MessageThe icon we use to represent an email action. Icon - Down ChevronUsed to indicate a dropdown. Icon - CloseUsed to indicate a close action. Icon - Dropdown ArrowUsed to indicate a dropdown. Icon - Location PinUsed to showcase a location on a map. Icon - Zoom OutUsed to indicate a zoom out action on a map. Icon - Zoom InUsed to indicate a zoom in action on a map. Icon - SearchUsed to indicate a search action. Icon - EmailUsed to indicate an emai action. Icon - FacebookFacebooks brand mark for use in social sharing icons. flipboard Icon - InstagramInstagrams brand mark for use in social sharing icons. Icon - PinterestPinterests brand mark for use in social sharing icons. Icon - TwitterTwitters brand mark for use in social sharing icons. Icon - Check MarkA check mark for checkbox buttons.
You are reading

Two for One: A Courtyard Connects Old and New in a San Francisco Home by Architect Ryan Leidner

Search

Two for One: A Courtyard Connects Old and New in a San Francisco Home by Architect Ryan Leidner

August 2, 2019

How to turn a small, dilapidated single-story former saloon from 1888 into a modern family home for a design-minded couple and their two young children? Where most would see a project that was practically impossible and challenging, at best, architect Ryan Leidner saw an irresistible puzzle to solve.

Sweetening the deal was the clients’ request for a new build on the property, alongside the renovation of the older building. “The project brief called for adding a ground-up structure, which is very rare in San Francisco—making the project very compelling,” Ryan shares.

The original building had been designated a Historic Resource by the San Francisco Planning Department, a good thing but one that added another layer of complexity. “We had very strict guidelines from the Planning Department regarding how the buildings would relate to each other (mainly in terms of height as the new house couldn’t be taller) and the amount of open space we kept between the structures,” he explains.

The solution: A courtyard connecting the existing building with the new one, allowing for easy indoor-outdoor living and an interesting interplay between the two structures. “In my opinion, the project succeeds in creating an interesting harmony and juxtaposition between old and new,” Ryan says.

We couldn’t agree more. Let’s take a tour.

Photograph by Joe Fletcher, courtesy of Ryan Leidner Architecture

The Exterior

ryan leidner mission district house
Above: The street view, with a peek of the new building, painted white. The property is located in the Mission District of SF. The sidewalk plantings are lush, as the owners, avid gardeners, wanted to give back to the neighborhood through the creation of a public green space.
ryan leider mission district house 200
Above: The street entrance opens into the private courtyard. “The custom-profile painted siding echoes the typical horizontal lap siding seen throughout the neighborhood while playing with scale,” says Ryan.

The Old Building

ryan leider mission district house 6
Above: The original building was painted a midnight blue “to create more of a dynamic contrast to the new structure, painted white,” says Ryan. “The existing building on the site, while very run down, had been classified as a Historic Resource as it’s one of the oldest, single-story commercial buildings in the Mission, and as such we couldn’t alter the exterior other than paint and replace windows in-kind,” says Ryan.
ryan leider mission district house 1
Above: “I’m regularly inspired by Japanese and Scandinavian design, and the tradition of respecting natural materials, the craft of building, and the beauty of a well-considered space,” Ryan says of his design sensibility. The older building was reimagined for easy entertaining, something the clients do often. The original rafters in the open living room were painted over and the timber columns refinished. The Extrasoft Sofa is a Piero Lissoni design.
ryan leider mission district house 190
Above: The adjacent kitchen. The white oak dining table and wall storage system were built by the owners’ good friend, Anthony Zollo of Studio Zollo. The dining chairs are by Borge Mogensen.
ryan leider mission district house 125
Above: An onsen-inspired bathroom features a hand-painted mural of bathers by local painter Rob Moss Wilson. Sliding doors open into an outdoor bathtub and shower.
ryan leider mission district house 195
Above: The cedar-lined outdoor shower and bath.

The New Building

ryan leider mission district house 5
Above: The new two-story structure, designed with its own open living room and kitchen. The exposed concrete flooring continues into the garden with a series of linear pavers, interspersed with rows of sedum. A fig tree grows in the center of the courtyard.
ryan leider mission district house 17
Above: The windows and doors are from Quantum Windows & Doors.
ryan leider mission district house 280
Above: The white-oak cabinets in both this building and the older one are custom. The countertops are Neolith.
ryan leider mission district house 10
Above: Concealed in the wall of cabinets is a powder room. The “Japan Sofa” by Finn Juhl, a multi-legged coffee table, and a pair of armchairs by Takeshi Nii—all vintage—make up the living area.
ryan leider mission district house 114
Above: Private living quarters comprise the second floor: two bedrooms (pictured is the master bedroom) and a bathroom.
ryan leider mission district house 3
Above: Off the nursery is a lightwell, which offers an easily accessible outdoor space and fresh air.
ryan leider mission district house 4
Above: “The extruded white oak window boxes on the new structure give a nod to the more traditional approach to window casings while making them more three dimensional,” notes Ryan.

For more inspired San Francisco homes, see:

(Visited 724 times, 1 visits today)
You need to login or register to view and manage your bookmarks.

Have a Question or Comment About This Post?

Join the conversation

v5.0