{"id":15153,"date":"2019-08-28T15:54:01","date_gmt":"2019-08-28T14:54:01","guid":{"rendered":"https:\/\/www.blueforest.com\/?page_id=15153"},"modified":"2026-02-17T13:31:00","modified_gmt":"2026-02-17T13:31:00","slug":"cranleigh-school-the-roulston-building","status":"publish","type":"page","link":"https:\/\/www.blueforest.com\/home-offices\/cranleigh-school-the-roulston-building\/","title":{"rendered":"Cranleigh School: The Roulston Building"},"content":{"rendered":"  <div id=\"topheader-block_b2a313c42fa0935421ce3ac0e1f15256\" class=\"topheader thwimage parallaxbg parallax\" data-parallax=\"scroll\" data-image-src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-header.jpg\">\n\n      <div class=\"topheadercontent\">\n      <span>Surrey<\/span>\n      <h1>Cranleigh School<br \/>\r\nThe Roulston Building<\/h1>\n\n\n      \n\n\n    <\/div>\n          <a class=\"explore-anchor\" href=\"#explore\">\n        <span class=\"explore_anchor_text\">Explore<\/span>\n        <span class=\"explore-anchor-after\"><\/span>\n      <\/a>\n        <\/div>\n    <div id=\"explore\"><\/div>\n\n<div id=\"the-brief\" class=\"textbox-w-lefttitle \" style=\"background-color: #ffffff ; background-image: ;\">\n  <div class=\"wrapper twl-inner\">\n    <div class=\"twl-inner\">\n      <span class=\"h4\">the brief<\/span>      <div class=\"left-content\">\n        <h2>Welcome to the Roulston Building<\/h2>                \n              <\/div>\n            <div class=\"right-content\">\n        <p>Surrounded by fields and rolling hills, Cranleigh is divided into a Preparatory school for 5 to 11-year olds, and a boarding co-ed school for 13 to 18-year olds. As an educational body, they pride themselves on a blend of traditional and innovative teaching methods and their plucky, can-do approach. Due to growth in pupil numbers, Cranleigh School identified the need to develop additional facilities for the Preparatory School. Their goal was to create additional classrooms for the preparatory school and to ensure that the proposed new facilities were as environmentally friendly as possible to keep in line with the school\u2019s development policy.<\/p>\n                \t<a class=\"line-link\" href=\"https:\/\/www.blueforest.com\/our-process\/\" target=\"_blank\">the design process<\/a>\n              <\/div>\n         <\/div>\n               <div class=\"features_container\">\n                    <div class=\"features-list\">\n            <h4>Features:<\/h4>\n                        <ul>\n                            <li>\n                <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/09\/toilet.png\" alt=\"Toilet\" \/>\n                <span class=\"features_name\">Toilet<\/span>\n              <\/li>\n                            <li>\n                <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/09\/heating.png\" alt=\"Heating\" \/>\n                <span class=\"features_name\">Heating<\/span>\n              <\/li>\n                            <li>\n                <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/09\/bi-fold-doors.png\" alt=\"Bi-fold Doors\" \/>\n                <span class=\"features_name\">Bi-fold Doors<\/span>\n              <\/li>\n                          <\/ul>\n                      <\/div>\n          \n                    <div class=\"features-list\">\n            <h4>The Facts:<\/h4>\n                        <ul>\n                            <li>\n                <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/09\/floor-space.png\" alt=\"380m\u00b2 Floor space featuring 3 new classrooms with additional space for storage and changing facilities\" \/>\n                <span class=\"features_name\">380m\u00b2 Floor space featuring 3 new classrooms with additional space for storage and changing facilities<\/span>\n              <\/li>\n                          <\/ul>\n                      <\/div>\n                <\/div>\n      \n\n  <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n<div class=\"images-grid-container\" id=\"image-grid\">\n    <div class=\"images-grid-wrap\">\n                  <div class=\"images-grid-item four-images-grid-wrapp\">\n              <div class=\"four-images-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-grid-01.jpg\" alt=\"\" data-object-fit=\"cover\"\/>\n        <\/div>\n              <div class=\"four-images-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-grid-02.jpg\" alt=\"\" data-object-fit=\"cover\"\/>\n        <\/div>\n              <div class=\"four-images-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-grid-03.jpg\" alt=\"\" data-object-fit=\"cover\"\/>\n        <\/div>\n              <div class=\"four-images-grid-item\">\n                    <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-grid-04.jpg\" alt=\"\" data-object-fit=\"cover\"\/>\n        <\/div>\n            <\/div>\n                    <div class=\"images-grid-item single-image-grid\">\n            <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-large-grid-01.jpg\" alt=\"\" data-object-fit=\"cover\"\/>\n    <\/div>\n              <div class=\"images-grid-item single-image-grid\">\n            <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-large-grid-02.jpg\" alt=\"\" data-object-fit=\"cover\"\/>\n    <\/div>\n              <div class=\"images-grid-item single-image-grid\">\n            <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-large-grid-03.jpg\" alt=\"\" data-object-fit=\"cover\"\/>\n    <\/div>\n        <\/div>\n  <\/div>\n\n\n<div id=\"the-design\" class=\"textbox-w-lefttitle leaves-bg parallaxbg\" style=\"background-color: #ebeded ; background-image: url('https:\/\/www.blueforest.com\/wp-content\/themes\/blueforest\/images\/leaves.svg');\">\n  <div class=\"wrapper twl-inner\">\n    <div class=\"twl-inner\">\n      <span class=\"h4\">the design<\/span>      <div class=\"left-content\">\n        <h2>A living, learning building&#8230;<\/h2>              <\/div>\n            <div class=\"right-content\">\n        <p>The Cranleigh School Eco Classroom is a partially prefabricated timber-frame building, while the foundations are a combination of concrete slabs and piles. The use of lightweight supporting pillars and high-quality fine detailing within the balustrade, fascias and external wooden cladding aims to minimise the bulk and mass of the building and create a refined and high-class finish in keeping with the School\u2019s brand. A deep soffit extends around the edge of the roof providing shelter for grandstand viewing and a feature for the building. A natural, curved geometry maximises the relationship between the inside spaces and their natural countryside setting. This is further enhanced by the provision of numerous windows and large sliding-folding doors along the western elevation.<\/p>\n                \t<a class=\"line-link\" href=\"https:\/\/www.blueforest.com\/contact-us\/\" target=\"_self\">contact us<\/a>\n              <\/div>\n         <\/div>\n       \n\n  <\/div>\n<\/div>\n\n\n<div class=\"featuredslider-container \">\n  <div class=\"wrapper featuredslider-wrapper\">\n    <div class=\"wrapper_withpadding\">\n            <div class=\"featureds-link\" id=\"featureds-link\">\n      <div class=\"line-link\" ><span>share this project<\/span>\n      <div class=\"social-icons featured-social\">\n        <a href=\"\" onclick=\"window.open('https:\/\/facebook.com\/sharer.php?u=' + encodeURIComponent(document.URL) ,'', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;\" class=\"facebook_share\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n          <g data-name=\"Layer 2\">\n            <g data-name=\"Layer 1\">\n              <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"#415993\" opacity=\".85\"\/>\n              <path d=\"M21.38 20.5h-2.63V24h2.63v10.5h4.37V24h3.19l.31-3.5h-3.5V19c0-.83.17-1.16 1-1.16h2.52V13.5h-3.35c-3.15 0-4.54 1.39-4.54 4z\" fill=\"#fff\"\/>\n            <\/g>\n          <\/g>\n        <\/svg>\n        <\/a>\n         <a href=\"\" onclick=\"window.open('https:\/\/twitter.com\/intent\/tweet?text=Check out this project:%20'  + encodeURIComponent(document.URL), '', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;\" data-network=\"twitter\" class=\"button share-button twitter-share-button twitter_share\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n           <g data-name=\"Layer 2\">\n             <g data-name=\"Layer 1\">\n               <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"#4ca0eb\" opacity=\".85\"\/>\n               <path d=\"M35.07 17.13a9.09 9.09 0 0 1-2.61.72 4.6 4.6 0 0 0 2-2.52 9.22 9.22 0 0 1-2.88 1.11 4.55 4.55 0 0 0-7.75 4.14 12.9 12.9 0 0 1-9.36-4.75 4.56 4.56 0 0 0 1.4 6.07 4.59 4.59 0 0 1-2-.57 4.54 4.54 0 0 0 3.64 4.51 4.41 4.41 0 0 1-2.05.08 4.54 4.54 0 0 0 4.24 3.16A9.17 9.17 0 0 1 12.93 31a12.92 12.92 0 0 0 19.88-11.52 9.18 9.18 0 0 0 2.26-2.35z\" fill=\"#fff\"\/>\n             <\/g>\n           <\/g>\n         <\/svg><\/a>\n    <\/div><\/div>\n  <\/div>\n      <\/div>\n    <div class=\"featuredslider\">\n          <div>\n                        <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-slider-01.jpg\" alt=\"\" \/>\n              <\/div>\n          <div>\n                        <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-slider-02.jpg\" alt=\"\" \/>\n              <\/div>\n          <div>\n                        <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-slider-03.jpg\" alt=\"\" \/>\n              <\/div>\n          <div>\n                        <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-slider-04.jpg\" alt=\"\" \/>\n              <\/div>\n          <div>\n                        <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2019\/08\/cranleigh-school-eco-classroom-slider-05.jpg\" alt=\"\" \/>\n              <\/div>\n        <\/div>\n\n  <\/div>\n<\/div>\n\n\n<div class=\"moreprojects\">\n  <div class=\"wrapper wrapper_withpadding moreprojects_wrapper\">\n    <h3 class=\"part-italic-title\">More Projects<\/h3>\n        <a class=\"line-link\" href=\"https:\/\/www.blueforest.com\/home-offices\/\">view all work<\/a>\n      <\/div>\n\n\n    \n        <div class=\"project-list\">\n        <!-- the loop -->\n                    <div class=\"project-list-item\">\n              <a href=\"https:\/\/www.blueforest.com\/home-offices\/office-on-the-lake\/\">\n                <figure>\n                  <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2020\/04\/The-Office-Feature-Image-670x410.jpg\" alt=\"Office on the Lake\" data-object-fit=\"cover\"\/>\n                  <span class=\"imggradient\"><\/span>\n                  <figcaption>\n                    <h5>Office on the Lake<\/h5>\n                    <span>take a look<\/span>\n                  <\/figcaption>\n                <\/figure>\n              <\/a>\n            <\/div>\n                    <div class=\"project-list-item\">\n              <a href=\"https:\/\/www.blueforest.com\/home-offices\/the-hillside-hollow\/\">\n                <figure>\n                  <img decoding=\"async\" src=\"https:\/\/www.blueforest.com\/wp-content\/uploads\/2020\/03\/BlueForestHobbitHouse-Header-Image-670x410.jpg\" alt=\"The Hillside Hollow\" data-object-fit=\"cover\"\/>\n                  <span class=\"imggradient\"><\/span>\n                  <figcaption>\n                    <h5>The Hillside Hollow<\/h5>\n                    <span>take a look<\/span>\n                  <\/figcaption>\n                <\/figure>\n              <\/a>\n            <\/div>\n                <!-- end of the loop -->\n\n        <!-- pagination here -->\n\n        \n      <\/div>\n      \n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":15812,"parent":451,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15153","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/pages\/15153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/comments?post=15153"}],"version-history":[{"count":7,"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/pages\/15153\/revisions"}],"predecessor-version":[{"id":23381,"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/pages\/15153\/revisions\/23381"}],"up":[{"embeddable":true,"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/pages\/451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/media\/15812"}],"wp:attachment":[{"href":"https:\/\/www.blueforest.com\/wp-json\/wp\/v2\/media?parent=15153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}