-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
29 lines (29 loc) · 27.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.da91abbe63b1b6868dd7.css">/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Alt;src:url(/hinted-AvallonAlt.woff2) format("woff2"),url(/hinted-AvallonAlt.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box}body,html{font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;background:#000;width:100vw;overflow-x:hidden}a{color:#006180;text-decoration:none;-webkit-transition:color .25s ease;transition:color .25s ease}a:hover{color:#0087b3}hr{border:none;height:2rem;background:url(/waikai.png) repeat-x 0;background-size:4rem auto;opacity:.15}article{background:#faf9fa}article blockquote{margin:0;padding:.5rem 2rem;font-size:1.2rem;background:#fff}@media (min-width:767px){article blockquote{padding:1rem 3rem;font-size:1.4rem;float:right;max-width:22rem;margin:0 0 2rem 4rem}}article blockquote p{margin:1rem 0;font-weight:400;text-align:left}article ul li{margin:.25rem 0}article h1{margin:0;padding:3rem 0;text-align:center;font-family:Alt,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:4rem;font-weight:400;line-height:1.2}@media (min-width:767px){article h1{font-size:6rem}}article h2{margin:2rem 0 1rem;font-size:1.2rem;font-weight:600}header{position:relative;z-index:10000;display:flex;flex-direction:column;align-items:stretch;padding:0;background:#fff}@media (min-width:767px){header{flex-direction:row}}header section.primary{background:#fff;flex:auto;position:relative;z-index:10002;display:flex;flex-direction:row}header section.primary a:first-child{display:block;flex:auto;overflow:hidden;height:0;padding:2rem 0 0;margin:1rem 1.5rem;background:url(/kuokoa.svg) no-repeat 50%;background-size:contain}@media (min-width:767px){header section.primary a:first-child{padding:2rem 0 0;background-position:0}}header section.primary button{border:none;background:transparent;cursor:pointer;position:absolute;top:0;right:0;display:block;overflow:hidden;margin:1rem;padding:0;outline:none}header section.primary button svg{height:2rem;width:2rem}@media (min-width:767px){header section.primary button{display:none}}header section.secondary{position:relative;z-index:10001}header section.secondary menu{background:#fff;position:absolute;top:12rem;left:0;right:0;top:-24rem;padding:0 0 1rem;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;font-size:1.1rem;line-height:2rem;font-weight:500}@media (min-width:767px){header section.secondary menu{position:relative;top:0!important;padding:0;display:flex;flex-direction:row}}header section.secondary menu a{color:#151a1d;padding:.5rem 1rem}header section.secondary menu a:hover{background:#0c0c0c;color:#faf9fa}@media (min-width:767px){header section.secondary menu a{padding:1rem}}article.index{position:relative;background:#eee}article.index section.hero{position:relative;display:flex;width:100vw;height:calc(80vmin - 4rem + 1px);justify-content:center;align-items:center;background:#0c0c0c}@media (min-width:767px){article.index section.hero{height:calc(100vh - 4rem + 1px)}}article.index section.hero .video{position:absolute;z-index:1;width:100%;height:100%;opacity:0}article.index section.hero .video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}article.index section.hero h1{position:relative;z-index:2;padding:1rem;text-shadow:0 0 .25em rgba(12,12,12,.35);color:#fff;margin:-.25em 0 0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;line-height:1}article.index section.hero h1>span:last-child{font-weight:400;font-family:Alt,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:20vmin;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);position:relative;text-align:left}@media (min-width:767px){article.index section.hero h1>span:last-child{font-size:16vmax}}article.index section.hero h1>span:last-child .and,article.index section.hero h1>span:last-child .design,article.index section.hero h1>span:last-child .development{opacity:1}article.index section.hero h1>span:last-child .design{display:block}article.index section.hero h1>span:last-child .and{position:relative;display:inline-block;top:-.5em;right:-.1em;padding:0 0 0 .45em;font-size:.6em}article.index section.hero h1>span:first-child{position:relative;left:0;opacity:0;align-self:flex-end;font-weight:600;font-style:italic;font-size:3vmin;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding-right:1.5em}article.index section.hero h1>span:first-child:after{position:relative;content:" \2120";font-size:.5em;bottom:.75em}@media (min-width:767px){article.index section.hero h1>span:first-child{font-size:2vmax;position:relative;top:-1em}}article.index section.hero.playing .video{-webkit-transition:opacity 5s ease-in;transition:opacity 5s ease-in;opacity:1}article.index section.hero.playing h1>span:first-child{-webkit-transition:all 5s ease-in;transition:all 5s ease-in;opacity:1;left:0}article.index section.introduction{margin:0;padding:2rem;background:#faf9fa;color:#0c0c0c}@media (min-width:767px){article.index section.introduction{padding:6rem 0 4rem}}article.index section.introduction p{margin:0 auto 1rem;max-width:64rem;text-align:left}@media (min-width:767px){article.index section.introduction p{padding:0 6rem;text-align:justify}}article.index section.introduction p em{font-style:normal;font-weight:600}article.index section.introduction p:last-child{line-height:1;text-align:center;margin:2rem auto}@media (min-width:767px){article.index section.introduction p:last-child{text-align:right}}article.index section.introduction a{display:inline-block;color:#0c0c0c;font-size:3rem;font-family:Alt,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}@media (min-width:767px){article.index section.introduction a{font-size:3rem}}article.index section.branches{margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;background:#faf9fa}@media (min-width:767px){article.index section.branches{background:#eee;margin:0 auto;max-width:100rem;padding:6rem}}article.index section.branches .gatsby-image-wrapper{min-height:22rem;display:none}@media (min-width:767px){article.index section.branches .gatsby-image-wrapper{width:80%;display:block}}article.index section.branches .gatsby-image-wrapper.desktop{align-self:flex-end}article.index section.branches .gatsby-image-wrapper.table{align-self:flex-start}article.index section.branches .gatsby-image-wrapper img{z-index:1;position:relative;width:100%;height:auto;min-height:22rem;-o-object-fit:cover;object-fit:cover}article.index section.branches hr{display:block;padding:0 2rem;margin:1rem 0;border:none;height:2rem;background:transparent url(/waikai.png) repeat-x 50%;background-size:4rem auto}@media (min-width:767px){article.index section.branches hr{display:none}}article.index section.branches>section{z-index:4;background:#faf9fa;color:#0c0c0c;padding:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;display:flex;flex-direction:column;align-items:center}@media (min-width:767px){article.index section.branches>section{min-height:14rem;box-shadow:0 0 1rem rgba(0,0,0,.15);align-items:flex-start}}article.index section.branches>section h2{position:relative;text-align:center;font-size:14vmax;font-family:Alt,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;margin:0;line-height:1;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;width:100%;padding:3rem 3rem 0;color:#000}@media (min-width:767px){article.index section.branches>section h2{font-size:9rem}}article.index section.branches>section h2 span{font-size:.25em;font-weight:500;line-height:1;display:block;color:#000;height:0;width:100%;padding:1.5rem 0 0;overflow:hidden;color:transparent;background:url(/kuokoa.svg) no-repeat 50%;background-size:contain}@media (min-width:767px){article.index section.branches>section h2 span{width:100%;background-position:50%}}@media (min-width:767px){article.index section.branches>section h2{text-align:center}}article.index section.branches>section p{text-align:center;font-weight:400;margin:0;padding:1rem 3rem;max-width:26rem}article.index section.branches>section p:first-child{padding-top:0;margin-top:-.5rem}article.index section.branches>section p:last-child{margin-top:0;margin-bottom:2rem;padding:0 3rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width:767px){article.index section.branches>section p:last-child:before{display:block;content:" ";border:none;height:2rem;width:100%;background:url(/waikai.png) repeat-x 0;background-size:4rem auto;opacity:.15}}article.index section.branches>section p:last-child a{font-weight:500;display:block;margin:.5rem 0 0;padding:.5rem 1rem;text-align:center;color:#0c0c0c}@media (min-width:767px){article.index section.branches>section p:last-child a{text-align:right;align-self:flex-end}}@media (min-width:767px){article.index section.branches>section.design{margin-bottom:-6rem;margin-left:0;align-self:flex-start}}article.index section.branches>section.design h2{color:#00c1ff;border-color:#00c1ff}@media (min-width:767px){article.index section.branches>section.studio{margin-top:-4rem;margin-left:3rem;align-self:flex-start}}article.index section.branches>section.studio h2{color:#ff0081;border-color:#ff0081}@media (min-width:767px){article.index section.branches>section.trade{margin-top:3rem;margin-right:3rem;margin-bottom:-4rem;align-self:flex-end}}article.index section.branches>section.trade h2{color:#ffbe00;border-color:#ffbe00}@media (min-width:767px){article.index section.branches>section.press{margin-top:-2rem;margin-right:0;align-self:flex-end}}article.index section.branches>section.press h2{color:#589509}footer{padding:4rem 3rem 12rem;color:#faf9fa;display:flex;flex-direction:column;background:#0c0c0c url(/kii-keokeo.svg) no-repeat 50% calc(100% - 6rem);background-size:2rem 2rem}@media (min-width:767px){footer{padding:6rem;flex-direction:row;justify-content:space-between;align-items:flex-end;background-position:50%;background-size:3rem}}footer a{color:#eee}footer a:hover{color:#faf9fa}footer section{text-align:center}@media (min-width:767px){footer section{text-align:left}}footer section img{margin-top:4rem;height:1rem}@media (min-width:767px){footer section img{margin-top:0;height:1.2rem}}footer section:last-child{text-align:center;font-size:1rem}main{position:relative;background:#faf9fa}article.page{padding:0 2rem 2rem;margin:0 auto;max-width:60rem}@media (min-width:767px){article.page{padding:0 4rem 6rem}}article.journal section.content,article.lost section.content{padding:2rem 2rem 6rem;text-align:center}article.works section.project{padding:2rem;position:relative}@media (min-width:767px){article.works section.project{padding:4rem}}article.works section.project aside{display:block;height:20rem;margin:-2rem -2rem 2rem}article.works section.project aside .gatsby-image-wrapper{height:100%}@media (min-width:767px){article.works section.project aside{margin:0;position:absolute;top:0;right:0;bottom:0;height:auto;width:33vw}}article.works section.project section.content{padding-bottom:2rem}@media (min-width:767px){article.works section.project section.content{min-height:14rem;max-width:50rem;margin:0 auto;padding-bottom:4rem;padding-right:18rem}}article.works section.project section.content h2{font-size:1rem;font-weight:400;margin:0}article.works section.project section.content h2 a{color:#0c0c0c}article.works section.project section.content h2 a svg{display:inline-block;width:.75rem;height:.75rem;margin-left:.25rem}article.works section.project section.content h2 a path{fill:#0087b3}article.works section.project section.content h3{margin-top:0;margin-bottom:1rem;font-size:1.4rem;font-weight:600}article.works section.project section.content hr{border:none;height:2rem;background:url(/waikai.png) repeat-x 0;background-size:4rem auto;opacity:.15}article.works section.project section.content p{max-width:32rem}article.works section.project section.content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap}article.works section.project section.content ul li{font-family:monospace;font-size:.8rem;opacity:.25;padding:0 1rem 0 0}article.works section.project:nth-child(2n){background:#0c0c0c;color:#faf9fa}article.works section.project:nth-child(2n) section.content h2 a{color:#faf9fa}article.works section.project:nth-child(2n) section.content hr{background-image:url(/waikai-keokeo.png)}</style><meta name="generator" content="Gatsby 2.18.12"/><style type="text/css">.gatsby-resp-image-image{width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;color:transparent;}</style><link rel="alternate" type="application/rss+xml" href="/rss.xml"/><link rel="icon" href="/icons/icon-48x48.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#589509"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=7c7e26c2636017201cae61460a3dde89"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=7c7e26c2636017201cae61460a3dde89"/><title data-react-helmet="true">Tropically Flavored Design & Development</title><meta data-react-helmet="true" name="description" content="Tropically Flavored Design & Development"/><meta data-react-helmet="true" name="image" content="https://kuokoa.studio/static/desktop-5f6642b7ad0999ec9a89ed69daeea401.jpg"/><meta data-react-helmet="true" property="og:title" content="Tropically Flavored Design & Development"/><meta data-react-helmet="true" property="og:image" content="https://kuokoa.studio/static/desktop-5f6642b7ad0999ec9a89ed69daeea401.jpg"/><meta data-react-helmet="true" property="og:description" content="Tropically Flavored Design & Development"/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:creator" content="Jon Adams"/><meta data-react-helmet="true" name="twitter:title" content="Tropically Flavored Design & Development"/><meta data-react-helmet="true" name="twitter:description" content="Tropically Flavored Design & Development"/><meta data-react-helmet="true" name="twitter:image" content="https://kuokoa.studio/static/desktop-5f6642b7ad0999ec9a89ed69daeea401.jpg"/><link as="script" rel="preload" href="/webpack-runtime-7b74ee2f1cc21306ebf3.js"/><link as="script" rel="preload" href="/app-e17a15a7292d90ccbba5.js"/><link as="script" rel="preload" href="/styles-9112378a9321c29a8b5c.js"/><link as="script" rel="preload" href="/commons-5f095c1e096c749a708c.js"/><link as="script" rel="preload" href="/component---src-pages-index-js-3af535cc8d382d0558dd.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" role="group" id="gatsby-focus-wrapper"><div><header><section class="primary"><a aria-current="page" title="Home" class="" href="/">Kuokoa Studio</a><button title="Toggle Navigation Menu"><svg width="42px" height="42px" viewBox="0 0 42 42"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="menu-circle" fill="#000000" cx="21" cy="21" r="20"></circle><polygon style="opacity:0;transform:rotate(NaNdeg);transform-origin:50% 50%" id="menu-close" fill="#FFFFFF" points="28.9705627 12 30.0312229 13.0606602 22.076 21.015 30.0312229 28.9705627 28.9705627 30.0312229 21.015 22.076 13.0606602 30.0312229 12 28.9705627 19.955 21.015 12 13.0606602 13.0606602 12 21.015 19.955"></polygon><path style="opacity:0;transform:rotate(180deg);transform-origin:50% 50%" id="menu-needle" d="M19.5857864,19.5857864 L15.3431458,26.6568542 L22.4142136,22.4142136 L19.5857864,19.5857864 Z M12.5147186,29.4852814 L18.8786797,18.8786797 L29.4852814,12.5147186 L23.1213203,23.1213203 L12.5147186,29.4852814 Z" fill="#FFFFFF"></path></g></svg></button></section><section class="secondary"><menu style="top:NaNrem" class=""><a href="/works">Works</a><a href="/ethos">Ethos</a><a href="/collaborate">Collaborate</a><a href="https://kuokoa.life">Trade</a><a href="mailto:[email protected]">Aloha</a></menu></section></header><main><article class="index"><section class="hero "><h1><span>Tropically Flavored</span> <span><span class="design">Design</span> <span class="and">&</span> <span class="development">Development</span></span></h1><div class="video"><video autoplay="" loop="" muted="" playsinline="" preload="auto" src="waikiki.mp4" alt="Palm trees frame an ocean view on the beach in Waikiki." poster="/static/waikiki-552edca73bfa8dd5c83b870d9e7b2889.jpg"></video></div></section><section class="introduction"><p><em>Inspired</em> by a lifetime immersed in technology and art, cultivating a relentless passion for creation and experimentation in virtual and physical worlds.</p>
<p><em>Specializing</em> in modern web applications covering the full-stack including tools and technologies like Vue.js, React, D3.js, Sass, GraphQL, Document-oriented databases, SQL-powered RDBMS, HTTP JSON APIs, JavaScript, Node.js, Golang, Swift, iOS, Devops, Docker and more.</p>
<p><em>Experimenting</em> with mobile apps, interactive data visualization, 3D modeling, computational geometry, home automation, hardware hacking, the internet-of-things, AR/XR, industrial design, graphic design, video editing, game design, sound design, print and mixed media visual arts.</p>
<p><em>Succeeding</em> for over a decade through collaborations across all spectrums: from greenfield to in-progress to established projects; from independent artists to entrepreneurs to Fortune 100s; from “shadow IT” to small software engineering teams to large cross-functional organizations; from email and spreadsheets to microformats to big data.</p>
<p><a href="/collaborate">Let’s work together.</a></p></section><section class="branches"><hr/><section class="design"><h2><span>Kuokoa</span> Design</h2><section><p>Industrial software and hardware design and development consulting.</p>
<p><a href="/works">View Recent Work</a></p></section></section><div class="desktop gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:66.66666666666667%"></div><img src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMFAv/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAFSs0ycOI//xAAcEAADAAEFAAAAAAAAAAAAAAABAgMSBBETFCP/2gAIAQEAAQUC6yhU82NDvpqnLjxFIK7f/8QAFREBAQAAAAAAAAAAAAAAAAAAABL/2gAIAQMBAT8BQ//EABURAQEAAAAAAAAAAAAAAAAAAAAS/9oACAECAQE/AVv/xAAeEAABBAEFAAAAAAAAAAAAAAAAAREhIgISEzFBcf/aAAgBAQAGPwJ88n8ErqfpSeTbWUUpUeT/xAAcEAEAAwACAwAAAAAAAAAAAAABABExIUFRcbH/2gAIAQEAAT8hBnI0xBxS1h8YZ9zcrvCr6lE2X3FLQs//2gAMAwEAAgADAAAAEMjf/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAEDAQE/EBnt/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAR/9oACAECAQE/EFyyX//EABwQAQACAwEBAQAAAAAAAAAAAAEAIRExQWGx0f/aAAgBAQABPxBU5iyg+vDcZlEVoJpF+xtxFNGnK3GmFTp+zyYUgNXGAdAaJvrgDU//2Q==" alt="Desktop with a computer, keyboard, mouse, notebook with sketches and a fresh cup of coffee." style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:500ms"/><noscript><picture><source srcset="/static/5f6642b7ad0999ec9a89ed69daeea401/00e5e/desktop.jpg 200w,
/static/5f6642b7ad0999ec9a89ed69daeea401/1a903/desktop.jpg 400w,
/static/5f6642b7ad0999ec9a89ed69daeea401/b17c1/desktop.jpg 800w,
/static/5f6642b7ad0999ec9a89ed69daeea401/2f073/desktop.jpg 1200w,
/static/5f6642b7ad0999ec9a89ed69daeea401/48ee2/desktop.jpg 1600w,
/static/5f6642b7ad0999ec9a89ed69daeea401/b87d5/desktop.jpg 2736w" sizes="(max-width: 800px) 100vw, 800px" /><img loading="lazy" sizes="(max-width: 800px) 100vw, 800px" srcset="/static/5f6642b7ad0999ec9a89ed69daeea401/00e5e/desktop.jpg 200w,
/static/5f6642b7ad0999ec9a89ed69daeea401/1a903/desktop.jpg 400w,
/static/5f6642b7ad0999ec9a89ed69daeea401/b17c1/desktop.jpg 800w,
/static/5f6642b7ad0999ec9a89ed69daeea401/2f073/desktop.jpg 1200w,
/static/5f6642b7ad0999ec9a89ed69daeea401/48ee2/desktop.jpg 1600w,
/static/5f6642b7ad0999ec9a89ed69daeea401/b87d5/desktop.jpg 2736w" src="/static/5f6642b7ad0999ec9a89ed69daeea401/b17c1/desktop.jpg" alt="Desktop with a computer, keyboard, mouse, notebook with sketches and a fresh cup of coffee." style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><hr/><section class="studio"><h2><span>Kuokoa</span> Studio</h2><section><p>Research, design and development of virtual and physical technologies.</p>
<p><a href="/works">View Recent Work</a></p></section></section><hr/><section class="trade"><h2><span>Kuokoa</span> Trade</h2><section><p>Manufacturing, logistics, wholesale and retail sales and fulfillment.</p>
<p><a href="https://kuokoa.life">Visit Kuokoa.Life</a></p></section></section><div class="table gatsby-image-wrapper" style="position:relative;overflow:hidden"><div style="width:100%;padding-bottom:66.66666666666667%"></div><img src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQBBf/EABYBAQEBAAAAAAAAAAAAAAAAAAIAAf/aAAwDAQACEAMQAAAB51M+ZTBH/8QAGhABAQACAwAAAAAAAAAAAAAAAwEABAIQE//aAAgBAQABBQIxqVtbzLItJU2Oadf/xAAWEQADAAAAAAAAAAAAAAAAAAABEBH/2gAIAQMBAT8BMX//xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAgEBPwEn/8QAHRAAAQQCAwAAAAAAAAAAAAAAAQAQESECEjFBUf/aAAgBAQAGPwKMVsDY5aR0oNDwN//EABkQAQEBAQEBAAAAAAAAAAAAAAERACGRYf/aAAgBAQABPyFaxZW7rxTxuGg6q91tK/Azv//aAAwDAQACAAMAAAAQt+//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQMBAT8QQcJC/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAR/9oACAECAQE/ECprC5f/xAAdEAEAAgICAwAAAAAAAAAAAAABABEhMUFRcYGh/9oACAEBAAE/EDaCkegeA3GcPaUGWLDe++4IUuZVc1haomT7AAd07PPL7m0//9k=" alt="End table with the book, Food Vibes, and a small tabletop fern." style="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition-delay:500ms"/><noscript><picture><source srcset="/static/6143071b71780005625113f596513235/00e5e/table.jpg 200w,
/static/6143071b71780005625113f596513235/1a903/table.jpg 400w,
/static/6143071b71780005625113f596513235/b17c1/table.jpg 800w,
/static/6143071b71780005625113f596513235/2f073/table.jpg 1200w,
/static/6143071b71780005625113f596513235/48ee2/table.jpg 1600w,
/static/6143071b71780005625113f596513235/b87d5/table.jpg 2736w" sizes="(max-width: 800px) 100vw, 800px" /><img loading="lazy" sizes="(max-width: 800px) 100vw, 800px" srcset="/static/6143071b71780005625113f596513235/00e5e/table.jpg 200w,
/static/6143071b71780005625113f596513235/1a903/table.jpg 400w,
/static/6143071b71780005625113f596513235/b17c1/table.jpg 800w,
/static/6143071b71780005625113f596513235/2f073/table.jpg 1200w,
/static/6143071b71780005625113f596513235/48ee2/table.jpg 1600w,
/static/6143071b71780005625113f596513235/b87d5/table.jpg 2736w" src="/static/6143071b71780005625113f596513235/b17c1/table.jpg" alt="End table with the book, Food Vibes, and a small tabletop fern." style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript></div><hr/><section class="press"><h2><span>Kuokoa</span> Press</h2><section><p>Publishing imprint of books, other printed, digital and mixed media.</p>
<p><a href="https://kuokoa.press">Visit Kuokoa.Press</a></p></section></section></section></article><article></article></main><footer><section><h3>Kuokoa Studio</h3><p>111 Hekili Street, Suite A498<br/>Kailua, HI 96734</p><p><a href="tel://+18083437953">(808) 343-7953</a></p></section><section><img src="/flag.svg" alt="Hawaiian State Flag" title="Ua Mau ke Ea o ka ʻĀina i ka Pono"/><p>Made in Hawaiʻi</p><p>© 2017-<!-- -->2020<!-- --> Kuokoa, LLC</p></section></footer></div></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-e17a15a7292d90ccbba5.js"],"component---src-templates-page-js":["/component---src-templates-page-js-f91cd5382f563ee990f8.js"],"component---src-pages-index-js":["/component---src-pages-index-js-3af535cc8d382d0558dd.js"],"component---src-pages-404-js":["/component---src-pages-404-js-981224fb23b94c972f54.js"],"component---src-pages-journal-js":["/component---src-pages-journal-js-d7274087e812912a5a65.js"],"component---src-pages-works-js":["/component---src-pages-works-js-a2328d785a55db0b0c26.js"]};/*]]>*/</script><script src="/component---src-pages-index-js-3af535cc8d382d0558dd.js" async=""></script><script src="/commons-5f095c1e096c749a708c.js" async=""></script><script src="/styles-9112378a9321c29a8b5c.js" async=""></script><script src="/app-e17a15a7292d90ccbba5.js" async=""></script><script src="/webpack-runtime-7b74ee2f1cc21306ebf3.js" async=""></script></body></html>