https://ff-cosmos.netlify.app/

1<!DOCTYPE html><!--  This site was created in Webflow. http://www.webflow.com  -->
2<!--  Last Published: Wed Mar 09 2022 02:12:35 GMT+0000 (Coordinated Universal Time)  -->
3<html data-wf-page="621d34448e80b01e27bac711" data-wf-site="621d34448e80b030d2bac712">
4<head>
5  <meta charset="utf-8">
6<!-- This site is hosted on Netlify. Anyone can build and deploy a site
7     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=a7ab80e6-46e8-46da-a075-ae2f5e6ab1c2
8     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
9  <title>FF-METAVERSE TEMPLATE</title>
10  <meta content="width=device-width, initial-scale=1" name="viewport">
11  <meta content="Webflow" name="generator">
12  <link href="css/normalize.css" rel="stylesheet" type="text/css">
13  <link href="css/webflow.css" rel="stylesheet" type="text/css">
14  <link href="css/ff-metaverse-template.webflow.css" rel="stylesheet" type="text/css">
15  <!-- [if lt IE 9]>

15<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>

15<![endif] -->
16  

16<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

16
17  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
18  <link href="images/webclip.png" rel="apple-touch-icon">
19</head>
20<body>
21  <div id="ff-metaverse" class="ff-metaverse">
22    <div id="html-embed-orbital" class="html-embed-orbital w-embed w-iframe"><iframe width="100%" height="100%" frameborder="0" src="orbital.html"></iframe></div>
23    <div id="html-embed-kimsey" class="html-embed-kimsey w-embed w-iframe"><iframe width="100%" height="100%" frameborder="0" src="kimsey.html"></iframe></div>
24    <div id="html-embed-cosmos" class="html-embed-cosmos w-embed w-iframe"><iframe width="100%" height="100%" frameborder="0" src="Cosmos.html"></iframe></div>
25    <div id="preloader_div" class="preloader_div">
26      <div id="preloader_grey" class="preloader_grey w-clearfix">
27        <div id="progressbar" class="progressbar"></div>
28        <div id="preloader_empty" class="preloader_empty"></div>
29      </div>
30    </div>
31    <div id="ff-logo" data-w-id="90f5e18f-e233-e439-cb22-f40b61bbee1e" class="ff-logo">
32      <a id="website" href="https://www.futureforms.us/" target="_blank" class="website w-button"></a>
33    </div>
34    <div id="ui" class="ui">
35      <div id="menu" class="menu">
36        <div id="menu-icons" class="menu-icons"></div>
37        <div id="menu-text" class="menu-text">           ORBIT                         PAN                           ZOOM</div>
38      </div>
39      <div id="view-buttons" class="view-buttons">
40        <div id="view-1" data-w-id="f718dee7-f748-5864-4089-8204578c05a1" class="view-1">
41          <div id="view-text" class="view-text">VIEW 1</div>
42        </div>
43        <div id="view-2" data-w-id="cf2201fe-d2b7-cd0c-4061-59d092a6f0dc" class="view-2">
44          <div id="view-text" class="view-text">VIEW 2</div>
45        </div>
46        <div id="view-3" data-w-id="344910c2-e0db-b0fa-8803-44a841e87baa" class="view-3">
47          <div id="view-text" class="view-text">VIEW 3</div>
48        </div>
49      </div>
50    </div>
51    <div id="ui-toggle" data-w-id="06ccb438-f5f3-77ed-97c0-3e63a68308be" class="ui-toggle">
52      <div id="show-ui" class="show-ui">SHOW UI</div>
53      <div id="hide-ui" class="hide-ui">HIDE UI</div>
54    </div>
55    <div id="daytime-toggle" class="daytime-toggle">
56      <div id="day" data-w-id="4952ca1d-7c64-e89a-17dd-71b35247423b" class="day"></div>
57      <div id="night" data-w-id="bdf1cc6a-1a15-2608-2c3f-01721540da99" class="night"></div>
58    </div>
59  </div>
60  <div id="descr_div_orbital" class="descr_div_orbital">
61    <div id="whitewindow" class="whitewindow">
62      <div id="descr" class="rich-text-block w-richtext">
63        <h2>ORBITAL</h2>
64        <h4>HOW DO WE EXPRESS OPTIMISM ABOUT THE FUTURE, WHILE ALSO REPRESENTING DIVERSITY, EQUITY AND INCLUSION IN THE PUBLIC REALM? </h4>
65        <h5>Orbital is a contemporary garden folly, exploring geometric and material exuberance. It evokes organic forms found in nature, but also giant robots and futuristic space vehicles. The structure is composed of three coiled legs that spiral towards the sky. The exterior surface is defined by stainless steel origami skins, while the interior space is wrapped by a vortex of colorful tactile shingles. Orbital’s dynamic form evokes an era of rapid change and uncertainty, while also inspiring curiosity and playful interaction.</h5>
66        <h5><strong>Opening Date:</strong> December 2021 <br><strong>Location:</strong> Mission Bay, San Francisco, CA (Pierpoint Lane and Bridgeview Way - <a href="https://goo.gl/maps/ZGxkCaDiSgaJR1c16">Map</a>)<br><strong>Lead Artists:</strong> Jason Kelly Johnson &amp; Nataly Gattegno (Futureforms)<br><strong>Artist Team:</strong> Jason Kelly Johnson, Nataly Gattegno with Carlos Sabogal, Brian McKinney, Clayton Williams, Natalie Abbott, Chris Leo, Valerie Tse; assisted by Lee Marom, Ki Schmidt, Sam Higgwe  |  <strong>Structural Engineer:</strong> Arup (Nick Sherrow-Groves, Lead)  |  <strong>Fabrication Team: </strong>Futureforms (San Francisco, CA), Olson Steel (San Leandro, CA), Seaport Stainless (Richmond, CA), Standard Sheet Metal;

66 Skin installers: Pacific Erectors, Sheedy Crane Co.; Aluminum shingles: <a href="https://www.nealfeay.com/">Neal Feay</a> (Santa Barbara)  |  <strong>Art Consultant: </strong>Dorka Keehn</h5>
67        <p><strong>Select Photography:</strong>
68          <a href="https://www.matthewmillman.com/">Matthew Millman</a>
69        </p>
70        <p><strong>Hashtag:</strong> #orbitalSF</p>
71        <p><strong>Recent Media:</strong> “Uber delivers best new public space” SF Chronicle Cover 5/4/21 [<a href="https://www.futureforms.us/s/Orbital_Best-New-Public-Space-_-SF-Chronicle_2021_05_04.pdf" target="_blank">PDF Link</a>]</p>
72        <figure style="max-width:1200px" class="w-richtext-align-fullwidth w-richtext-figure-type-image">
73          <div><img src="images/MAINIMAGEFF_Orbital_10_3710.jpg" loading="lazy" alt=""></div>
74        </figure>
75      </div>
76    </div>
77  </div>
78  <div id="descr_div_kimsey" class="descr_div_kimsey">
79    <div id="whitewindow" class="whitewindow">
80      <div id="descr" class="rich-text-block w-richtext">
81        <h2>KIMSEY GROVE</h2>
82        <h5>The Kimsey Grove is a sculptural shade canopy that fosters pedestrian interactions and establishes a dynamic focal point for the site. While the artwork evokes the orange groves that previously grew on the site, it also references the pleated geometries of the saguaro cactus and colorful desert flower blooms. It creates a dramatic backdrop for pedestrians to gather, sit and view the play of light, shadow, and reflectivity from many vantage points. The artwork’s faceted skin is meant to inspire interactions and playfulness by both adults and children who might enjoy spending time underneath the artwork’s kaleidoscopic skin. The artwork is supported by four vaults to create an open and varied space for people to experience during the day and night.</h5>
83        <p><strong>Date:</strong> In Progress</p>
84        <p><strong>Location:</strong> Scottsdale, AZ</p>
85        <p><strong>Lead Artists:</strong> Jason Kelly Johnson &amp; Nataly Gattegno (Futureforms)<br><strong>Artist Team:</strong> Jason Kelly Johnson, Nataly Gattegno with Carlos Sabogal, Brian McKinney, Clayton Williams, Natalie Abbott, Chris Leo, Sam Higgwe, Eve Tobey.</p>
86        <p><strong>Structural engineer:</strong>
87          <a href="http://www.endrestudio.com/">endrestudio</a>
88        </p>
89        <figure style="max-width:1080px" class="w-richtext-align-fullwidth w-richtext-figure-type-image">
90          <div><img src="images/Kimsey.png" loading="lazy" alt=""></div>
91        </figure>
92      </div>
93    </div>
94  </div>
95  <div id="descr_div_cosmos" class="descr_div_cosmos">
96    <div id="whitewindow" class="whitewindow">
97      <div id="descr" class="rich-text-block w-richtext">
98        <h2>COSMOS</h2>
99        <p>Cosmos is a dynamic shade canopy that fosters pedestrian interactions and establishes a lively collective focal point for the Intuitive Surgical campus. By supporting the artwork with a single cluster of arches, Cosmos creates an open, shaded and inviting space for people to fluidly move through on a daily basis. It also creates a dramatic backdrop for visitors and employees to congregate, sit and view the play of shadow and light from many vantage points. The faceted origami-like surfaces of the artwork are also meant to inspire spontaneous interactions and playfulness by both adults and children who might enjoy spending time underneath the artwork’s intricate organic structure and kaleidoscopic skin.</p>
100        <p>The geometry of the artwork is an exploration in translating mathematical principles into physical form. The Fibonacci Sequence informs the specific algorithm underlying the three-dimensional structure and skin of the artwork. While the form of the artwork would be fixed, the play of light, reflection and color would change throughout the day and season. The site specific installation invites visitors to experience the interplay of pattern, light, art and science in a way that is both playful and contemplative.</p>
101        <p><strong>Date:</strong> 2021<br><strong>Location: </strong>Sunnyvale, California (<a href="https://goo.gl/maps/xMRcKRHz3i1tEYYaA">Map Link</a>)<br><strong>Lead Artists:</strong> Jason Kelly Johnson &amp; Nataly Gattegno<br><strong>Team:</strong> Jason Kelly Johnson &amp; Nataly Gattegno, with Brian McKinney, Carlos Sabogal, Natalie Abbott<br><strong>Consultants:</strong> Arup, Nick Sherrow-Groves, Felix Weber; Fabricators: Futureforms with NJ McClutcheon; Art Consultant: Mary Hannah, Kay Hannah Associates; Kelly Roberson, Lightswitch </p>
102        <p><strong>Photography:</strong>
103          <a href="https://www.matthewmillman.com/">Matthew Millman</a>
104        </p>
105        <p><strong>Update: </strong>The project is open to the public! Due to Covid restrictions we are unsure if there will ever be an official opening. Check back here for updates and new photographs coming soon!</p>
106        <figure style="max-width:800px" class="w-richtext-align-fullwidth w-richtext-figure-type-image">
107          <div><img src="images/Cosmos_people_02-MatthewMillman.jpg" loading="lazy" alt=""></div>
108        </figure>
109      </div>
110    </div>
111  </div>
112  <div id="descr-open" data-w-id="73827566-7a84-4f97-2b17-ecd77a2b7a2f" class="descr-open"></div>
113  <div id="descr-close" data-w-id="8ee88fc0-e6ae-a343-dad4-fd15e74a56cb" class="descr-close"></div>
114  

114<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=621d34448e80b030d2bac712" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

114
115  

115<script src="js/webflow.js" type="text/javascript"></script>

115
116  <!-- [if lte IE 9]>

116<script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>

116<![endif] -->
117</body>
118</html>