1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 7
7<script>try{var t=localStorage.getItem('theme')}catch(e){}document.documentElement.setAttribute('data-theme',t==='dark'||t==='light'?t:(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'))</script>
7 8 <title>Very Cool Studio | About</title> 9 <meta name="description" content="Very Cool is a type foundry run by Kyle Benson in Oakland, California."/> 10 <meta property="og:title" content="Very Cool Studio | About"> 11 <meta property="og:image" content="https://verycoolstudio.com/assets/images/share-image.png"> 12 <meta name="twitter:image" content="https://verycoolstudio.com/assets/images/share-image.png"/> 13 <meta name="twitter:site" content="@verycoolstudio" /> 14 <meta name="twitter:title" content="Very Cool Studio | About" /> 15 <meta name="twitter:description" content="Very Cool is a type foundry run by Kyle Benson in Oakland, California." /> 16 <meta name="twitter:card" content="summary_large_image" /> 17 18<link rel="stylesheet" href="https://js.fontdue.com/fontdue.css">
19<script type="module"> 20 import fontdue from "https://js.fontdue.com/fontdue.esm.js"; 21 22 // Stripe renders payment fields in an iframe, so page CSS can't reach them. 23 // Read the colour tokens from index.scss instead. Module scripts wait for the 24 // page's stylesheets, and the theme is set in <head>, so these are final. 25 function stripeAppearance() { 26 const css = getComputedStyle(document.documentElement); 27 const token = name => css.getPropertyValue(name).trim(); 28 const colors = { 29 black: token('--color-fg'), 30 white: token('--color-bg'), 31 blue: token('--color-wash'), 32 grey: token('--color-muted'), 33 coral: token('--color-coral-text'), 34 tan: token('--color-surface'), 35 tanDark: token('--color-rule-strong'), 36 yellow: token('--color-accent-stable'), 37 }; 38 39 // Size from a real site field so Stripe inputs match Fontdue's. 40 const rem = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16; 41 const probe = document.body.appendChild(Object.assign(document.createElement('input'), { type: 'text', hidden: true })); 42 const { paddingTop, paddingLeft, fontSize: fieldFontSize } = getComputedStyle(probe); 43 probe.remove(); 44 const fieldPadding = parseFloat(paddingTop) ? `${paddingTop} ${paddingLeft}` : '12px 16px'; 45 46 // Fontdue registers its UI font with Stripe at weight 400; heavier weights would faux-bold it. 47 const sans = '"Cardinal Wide SemiBold", "Cardinal Wide", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'; 48 const eyebrow = `"Gooper Text Bold", ${sans}`; 49 const text = { 50 fontFamily: sans, 51 fontSize: fieldFontSize || `${0.8 * rem}px`, 52 fontWeight: '500', 53 letterSpacing: '0.06em', 54 }; 55 const ring = `2px solid ${colors.tanDark}`; 56 57 return { 58 theme: 'flat', 59 variables: { 60 fontFamily: sans, 61 fontSizeBase: `${rem}px`, 62 fontWeightNormal: '500', 63 fontWeightMedium: '500', 64 fontWeightBold: '500', 65 fontLineHeight: '1.4', 66 colorPrimary: colors.black, 67 colorBackground: colors.white, 68 colorText: colors.black, 69 colorTextSecondary: colors.grey, 70 colorTextPlaceholder: colors.grey, 71 colorDanger: colors.coral, 72 colorDangerText: colors.coral, 73 colorSuccessText: colors.black, 74 borderRadius: '0', 75 focusBoxShadow: 'none', 76 focusOutline: 'none', 77 }, 78 rules: { 79 // Field: white > hover blue > focus blue with a tan-dark ring 80 '.Input': { 81 ...text, 82 color: colors.black, 83 backgroundColor: colors.white, 84 border: `2px solid ${colors.white}`, 85 boxShadow: 'none', 86 padding: fieldPadding, 87 transition: 'background-color 150ms, border-color 150ms', 88 }, 89 '.Input:hover': { 90 backgroundColor: colors.blue, 91 borderColor: colors.blue, 92 }, 93 '.Input:focus, .Input--invalid:focus': { 94 backgroundColor: colors.blue, 95 border: ring, 96 boxShadow: 'none', 97 outline: 'none', 98 }, 99 '.Input--invalid': { 100 borderColor: colors.coral, 101 boxShadow: 'none', 102 color: colors.black, 103 }, 104 '.Input::placeholder': { 105 color: colors.grey, 106 }, 107 '.Label': { 108 fontFamily: eyebrow, 109 fontSize: `${Math.max(11, 0.65 * rem)}px`, 110 fontWeight: '500', 111 letterSpacing: '0.06rem', 112 textTransform: 'uppercase', 113 color: colors.black, 114 }, 115 '.Error': { 116 ...text, 117 color: colors.coral, 118 }, 119 // Option: tan with white rules > hover blue > selected blue with a tan-dark ring 120 '.Tab, .AccordionItem': { 121 ...text, 122 color: colors.grey, 123 backgroundColor: colors.tan, 124 border: `2px solid ${colors.white}`, 125 boxShadow: 'none', 126 }, 127 '.Tab:hover, .AccordionItem:hover': { 128 color: colors.grey, 129 backgroundColor: colors.blue, 130 borderColor: colors.white, 131 }, 132 '.Tab--selected, .Tab--selected:hover, .Tab--selected:focus, .AccordionItem--selected': { 133 color: colors.black, 134 backgroundColor: colors.blue, 135 border: ring, 136 boxShadow: 'none', 137 }, 138 '.TabIcon, .TabIcon:hover': { 139 fill: colors.grey, 140 }, 141 '.TabIcon--selected, .TabIcon--selected:hover': { 142 fill: colors.black, 143 }, 144 // Containers like Link's "save my info" panel: tan so white fields inside stay visible 145 '.Block': { 146 backgroundColor: colors.tan, 147 border: `2px solid ${colors.white}`, 148 boxShadow: 'none', 149 }, 150 '.CheckboxInput': { 151 backgroundColor: 'transparent', 152 border: `2px solid ${colors.tanDark}`, 153 borderRadius: '2px', 154 boxShadow: 'none', 155 }, 156 '.CheckboxInput--checked': { 157 backgroundColor: colors.yellow, 158 borderColor: colors.yellow, 159 }, 160 }, 161 }; 162 } 163 164 fontdue.initialize({ 165 url: "https://store.verycoolstudio.com", 166 config: { 167 typeTester: { 168 size: { 169 min: 10, 170 max: 300, 171 label: 'Size', 172 }, 173 selectable: true, 174 textInput: false, 175 groupEdit: false, 176 initialMode: 'local', 177 shy: true, 178 buyButton: true, 179 selectButtonLabel: 'Buy', 180 selectButtonStyle: 'outlined', 181 },
182 stripe: { 183 appearance: stripeAppearance(), 184 }, 185 }, 186 }); 187</script>
187 188<!-- Calling fonts from fontdue --> 189 <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM3MTQ0MDMxMzcxOTAxOA%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3Mjg1NzI1MDcwOTE5OTI2MA%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTgxNjMwMjIwNDEwNjY1OTg0NA%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MjI0NDgwNTg2MDc5NzI3NDY3OA%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM4MjM2MTUyNjM2MDM2Mg%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyNDU1NTYxNjY5OQ%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDYwMzQ2NzAyMTU3MjY5MQ%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDYwNzIyMTkyMTg5NzA5NA%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDk1OTYxMjM4NzA4OTIwNg%3D%3D.css" rel="stylesheet"> <link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDk3MjY0Njg2NjI0NjUyNg%3D%3D.css" rel="stylesheet"> <!-- additional fonts for site --> 190<!-- Cornbread: the body face, so it loads even if its typeface page is unlisted --> 191<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDYwNzIyMTkyMTg5NzA5NA%3D%3D.css" rel="stylesheet"> 192<!-- Gooper Text --> 193<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTgxNjMwMjIwNjU1NjEzMzQ3Ng%3D%3D.css" rel="stylesheet"> 194<!-- Cardinal --> 195<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyNjM4NDMzMzM0NQ%3D%3D.css" rel="stylesheet"> 196<link href="https://fonts.fontdue.com/very-cool-studio/css/Rm9udENvbGxlY3Rpb246MTg3NDM5MzIyMzk5MzU3OTkyOQ%3D%3D.css" rel="stylesheet"> 197 198 199<link href="https://verycoolstudio.com/assets/css/index-min.css?v=1791041552" rel="stylesheet"> 200<link rel="shortcut icon" type="image/x-icon" href="https://verycoolstudio.com/assets/images/favicon.png"> 201 202</head> 203 204 <body class="page-about"> 205<fontdue-store-modal></fontdue-store-modal> 206 207 <nav class="nav" aria-label="Main"> 208 <a class="logo" href="https://verycoolstudio.com" aria-label="Very Cool Studio, home"> 209 <div class="mobile-only"> 210 <svg width="42" height="44" viewBox="0 0 42 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 211<path class="fill-black" d="M16.8627 43.3002H17.9721V1.11035H16.8627C5.47863 1.11035 -0.165153 8.13394 0.00367807 22.4225C0.196628 36.4697 5.67158 43.3002 16.8627 43.3002Z" fill="#000000"/> 212<path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M37.2499 15.6722C38.4751 14.4461 39.2725 12.5572 39.2725 9.91991C39.2725 7.28266 38.4751 5.39369 37.2499 4.16762C36.0249 2.94173 34.1381 2.14425 31.504 2.14425C28.8585 2.14425 26.9737 2.93035 25.754 4.14448C24.5359 5.35695 23.7354 7.24081 23.7354 9.91991C23.7354 12.599 24.5359 14.4829 25.754 15.6953C26.9737 16.9095 28.8585 17.6956 31.504 17.6956C34.1381 17.6956 36.0249 16.8981 37.2499 15.6722ZM31.504 19.8398C37.6542 19.8398 41.4167 16.0746 41.4167 9.91991C41.4167 3.76522 37.6542 0 31.504 0C25.3537 0 21.5912 3.69281 21.5912 9.91991C21.5912 16.147 25.3537 19.8398 31.504 19.8398Z" fill="#000000"/> 213<path class="fill-black" d="M22.0007 42.4552V37.0488C22.0007 27.7081 25.5944 23.605 33.7224 23.605H34.0601L38.4979 23.7015V27.3943C38.4979 34.249 36.279 42.3828 25.4015 42.3828L22.0007 42.4552Z" fill="#000000"/> 214</svg> </div> 215 <div class="desktop-only"> 216 <svg width="170" height="50" viewBox="0 0 162 44" fill="none" xmlns="http://www.w3.org/2000/svg"> 217 <title>Very Cool Studio</title> 218 219 <path d="M54.375 8.94412C54.0155 6.70902 52.1697 6.34339 50.781 7.88297C50.197 8.53071 49.8173 9.24659 49.5704 9.90327L48.9917 11.7478L48.6401 9.99125L48.5312 9.65813C48.3589 9.13088 47.983 8.69452 47.487 8.44616C46.991 8.19781 46.4163 8.15802 45.8911 8.33564C45.113 8.59875 44.282 8.83994 43.4208 9.05246C42.3456 9.31785 41.6677 10.3798 41.8795 11.4667C42.9186 16.798 45.367 30.0497 46.3197 35.4995C46.4162 36.0512 46.7313 36.5407 47.1939 36.8567C47.5419 37.0946 47.9509 37.219 48.3661 37.219C48.5027 37.219 48.6401 37.2055 48.7759 37.1782C50.1365 36.9044 51.6519 36.6251 53.0435 36.3917C53.5958 36.2991 54.0874 35.9873 54.4067 35.5273C54.7259 35.0671 54.846 34.4976 54.7394 33.9477C53.9118 29.6758 52.3357 20.7843 51.8725 18.161C51.8717 18.1569 51.8709 18.1527 51.8703 18.1486C51.6125 16.7389 52.2975 15.5948 53.6581 15.1628C55.3219 14.6346 55.3214 14.0116 55.0642 12.7635C54.835 11.6507 54.6095 10.4013 54.375 8.94412Z" fill="currentColor"/> 220 <path d="M96.5494 28.7388C95.8677 28.7927 94.659 28.8062 94.0552 28.7781C92.7931 28.7195 91.3803 28.5214 90.5898 26.904C89.8812 25.454 89.6526 22.9244 89.8488 18.7022C89.9743 16.0032 90.1756 12.9594 9
2200.9824 10.9969C91.6275 9.42765 92.5096 8.81626 94.1283 8.81626C94.2457 8.81626 94.3723 8.81938 94.5044 8.8255C94.8343 8.84077 95.4476 8.90195 96.5317 9.13795C98.279 9.51853 99.0853 8.84441 99.1586 7.11121C99.2036 6.04206 99.281 4.91942 99.3885 3.77455C99.4692 2.91606 99.0335 2.09142 98.2787 1.67448C96.7312 0.819311 95.2326 0.375053 93.1465 0.316158C92.9814 0.311068 92.8226 0.308472 92.6611 0.308472C84.9812 0.308472 80.975 6.18167 80.4135 18.2637C80.1146 24.6979 81.0111 29.5405 83.0781 32.6572C84.9446 35.4713 87.8454 36.989 91.7 37.168C91.9418 37.1793 92.1836 37.185 92.4187 37.185C94.1828 37.185 96.3199 36.8592 97.5734 36.2431C98.3151 35.8784 98.785 35.1238 98.7848 34.2972C98.7846 33.3085 98.8182 32.2062 98.8844 31.0208C98.9951 29.0424 98.1035 28.617 96.5494 28.7388Z" fill="currentColor"/> 221 <path d="M115.925 10.0334C114.172 7.9125 111.878 6.88147 108.911 6.88147C108.247 6.88147 107.537 6.93455 106.8 7.03935C103.086 7.56733 100.57 9.05903 99.1078 11.5999C97.5382 14.3272 97.1499 18.2888 97.9208 23.7113C98.6702 28.9831 100.092 32.6328 102.268 34.8692C103.999 36.6476 106.178 37.512 108.931 37.512C109.616 37.512 110.349 37.4572 111.109 37.3492C114.739 36.8331 117.194 35.3394 118.614 32.783C120.134 30.0448 120.497 26.0637 119.722 20.6123C119.04 15.815 117.762 12.2558 115.925 10.0334ZM111.961 28.6177C111.723 29.6727 111.203 30.1444 110.106 30.3002C109.899 30.3297 109.716 30.3439 109.545 30.3439C108.881 30.3439 108.114 30.1622 107.457 28.8141C106.887 27.6441 106.412 25.6267 105.962 22.4652C105.469 18.9952 105.381 16.9991 105.668 15.7909C105.916 14.7484 106.444 14.281 107.55 14.1237C107.762 14.0935 107.949 14.0788 108.121 14.0788C108.946 14.0788 109.581 14.3438 110.198 15.6626C110.927 17.2219 111.327 19.7337 111.644 21.9657C112.137 25.4292 112.231 27.4185 111.961 28.6177Z" fill="currentColor"/> 222 <path d="M153.651 14.2512C154.039 12.5323 155.585 10.149 156.265 7.13785C156.767 4.9151 155.35 3.22813 153.776 2.87247L153.381 2.78325C151.807 2.42759 149.803 3.34125 149.3 5.56399C148.62 8.57522 148.991 11.3916 148.602 13.1103C147.839 16.4886 144.316 19.0266 142.9 25.2959C142.061 29.006 141.879 33.725 142.157 35.9036C142.572 39.1527 143.896 39.308 145.266 39.6171C146.636 39.9272 147.898 40.3565 149.669 37.6012C150.857 35.7539 152.722 31.4151 153.56 27.705C154.976 21.4357 152.734 18.3081 153.651 14.2512Z" fill="currentColor"/> 223 <path d="M32.1077 7.05737C28.3789 7.05737 25.7423 8.20307 24.0472 10.5599C22.2951 12.9962 21.479 16.6664 21.479 22.1103C21.479 27.4957 22.5227 31.4673 24.5811 33.915C26.4481 36.135 29.1595 37.2141 32.8705 37.2141C36.1576 37.2141 38.8632 36.3506 40.4893 34.7826C40.9079 34.379 41.1382 33.8183 41.1241 33.2369C41.1142 32.8312 41.116 32.3935 41.1293 31.8986C41.1812 29.9619 40.3438 29.5391 38.7327 29.7902C37.2414 30.0226 35.7593 30.1455 34.447 30.1455C30.7637 30.1455 29.6116 28.8108 29.3107 24.1954C31.4977 24.0605 33.6514 23.992 35.7121 23.992C37.1679 23.992 38.5756 24.0269 39.8961 24.0957C40.4706 24.1264 41.031 23.9163 41.4451 23.5176C41.8592 23.1188 42.0896 22.5663 42.0814 21.9915C41.9895 15.571 40.93 11.5449 38.747 9.32135C37.2307 7.77668 35.121 7.05737 32.1077 7.05737ZM34.3929 18.398C33.2483 18.4317 31.9511 18.4699 30.7416 18.4699C30.2177 18.4699 29.7497 18.4631 29.3108 18.4488C29.4123 16.5481 29.6435 15.3777 30.061 14.6538C30.4335 14.0076 30.9708 13.7194 31.8028 13.7194C32.9414 13.7194 33.3864 14.1692 33.6717 14.6093C34.1415 15.3343 34.3718 16.5381 34.3963 18.3979L34.3929 18.398Z" fill="currentColor"/> 224 <path d="M74.5026 5.26191C73.1235 4.99755 71.8477 4.61126 70.1695 7.42347C69.0442 9.30936 67.6928 13.2366 67.0534 17.3933C66.0762 23.7458 67.0639 27.2595 66.2036 31.3286C65.8391 33.0527 63.6454 35.0012 62.0442 38.0618C60.8622 40.321 61.9098 42.5523 63.5095 43.3894L63.9109 43.5995C65.5107 44.4366 67.9411 44.0248 69.1229 41.7656C70.7242 38.705 70.903 34.1234 71.2674 32.3993C71.9837 29.0108 76.1384 25.8092 77.3453 19.4963C78.0595 15.7604 78.0843 11.0381 77.734 8.87008C77.2116 5.63595 75.8825 5.52533 74.5026 5.26191Z" fill="currentColor"/> 225 <path d="M10.3974 12.6619C9.86754 10.8708 10.1787 7.82252 9.25066 4.68459C8.56548 2.36823 6.17789 1.61861 4.35005 2.17567L3.8915 2.31537C2.06366 2.87243 0.477635 4.83292 1.16281 7.14917C2.09096 10.2871 4.00492 12.6573 4.53462 14.4485C5.57597 17.969 3.29543 22.2676 5.22776 28.8
225006C6.37138 32.6669 8.7441 37.0888 10.2155 38.9272C12.4101 41.669 13.8697 41.0687 15.4603 40.5833C17.0514 40.0991 18.5953 39.7841 18.9391 36.2688C19.1695 33.9118 18.7506 28.8947 17.607 25.0283C15.6746 18.4952 11.6478 16.8895 10.3974 12.6619Z" fill="currentColor"/> 226 <path d="M14.4279 14.0475C14.7059 14.14 15.0062 13.9894 15.0986 13.7116L18.9227 2.21023C18.9539 2.11405 18.9801 2.00498 18.9939 1.90111C19.1159 0.981433 18.4692 0.136856 17.5495 0.0149107C16.6297 -0.107138 15.7852 0.539669 15.6632 1.45935L14.0696 13.4745C14.0365 13.7219 14.1824 13.9659 14.4279 14.0475Z" fill="currentColor"/> 227 <path d="M16.0938 17.823C16.3957 18.0882 16.8554 18.0584 17.1205 17.7566L21.6037 12.6527C21.6779 12.567 21.7493 12.466 21.8048 12.3616C22.1987 11.6189 21.9161 10.6974 21.1734 10.3034C20.4308 9.90928 19.5092 10.1919 19.1152 10.9347L15.9314 16.9357C15.7768 17.2265 15.8355 17.5962 16.0938 17.823Z" fill="currentColor"/> 228 <path d="M20.7016 7.62255L24.2833 4.09799C24.4452 3.93762 24.5849 3.74036 24.6817 3.51881C25.0912 2.58095 24.663 1.48875 23.7252 1.07929C22.7874 0.669721 21.6952 1.09798 21.2856 2.03573L19.2746 6.64087C19.1359 6.96089 19.1946 7.34865 19.4542 7.61248C19.7959 7.95972 20.3543 7.96419 20.7016 7.62255Z" fill="currentColor"/> 229 <path d="M156.828 37.6094L152.296 37.8896C151.997 37.9087 151.727 38.1103 151.637 38.4136C151.522 38.8022 151.744 39.2104 152.133 39.3254L156.487 40.614C156.653 40.6623 156.835 40.6855 157.017 40.6742C157.864 40.622 158.507 39.8934 158.455 39.047C158.403 38.2009 157.674 37.5571 156.828 37.6094Z" fill="currentColor"/> 230 <path d="M161.412 32.3993C161.005 31.4666 159.919 31.0402 158.986 31.4471L153.47 33.8531C153.133 34.0007 152.912 34.3522 152.948 34.7386C152.993 35.2209 153.42 35.5754 153.903 35.5303L159.894 34.9705C160.082 34.9521 160.278 34.9042 160.46 34.8248C161.392 34.4179 161.819 33.332 161.412 32.3993Z" fill="currentColor"/> 231 <path d="M64.1551 11.4406C64.2674 11.5765 64.4449 11.6591 64.6337 11.6419C64.9372 11.6139 65.1608 11.3452 65.1328 11.0416L64.773 7.13114C64.7427 6.79647 64.6161 6.46792 64.388 6.18768C63.7785 5.43887 62.6772 5.32586 61.9284 5.93537C61.1796 6.54489 61.0666 7.64613 61.6761 8.39494L64.1551 11.4406Z" fill="currentColor"/> 232 <path d="M131.844 3.85974C124.521 3.85974 120.841 9.48832 120.841 17.986C120.841 26.4837 124.521 32.1124 131.844 32.1124C139.166 32.1124 142.846 26.4837 142.846 17.986C142.846 9.48843 139.166 3.85974 131.844 3.85974ZM134.089 13.0282C133.382 13.4462 132.672 12.9553 131.992 11.8267C131.362 10.7818 131.234 9.9223 131.872 9.54503C132.584 9.12415 133.306 9.60653 133.987 10.7361C134.603 11.7591 134.697 12.6682 134.089 13.0282ZM135.343 9.86849C134.715 8.82521 134.586 7.96422 135.224 7.58685C135.936 7.16607 136.658 7.64845 137.339 8.77795C137.955 9.80097 138.049 10.7102 137.44 11.07C136.734 11.4881 136.023 10.9972 135.343 9.86849ZM138.529 20.5816C137.715 20.6933 137.251 19.9657 137.061 18.6617C136.885 17.4547 137.1 16.6125 137.834 16.5118C138.653 16.3994 139.133 17.1239 139.322 18.4289C139.494 19.6107 139.229 20.4854 138.529 20.5816Z" fill="currentColor"/> 233 <path d="M65.1821 26.8221C65.3884 26.4677 65.2684 26.0132 64.914 25.8069L61.9436 24.0778C61.7432 23.9622 61.5075 23.8857 61.2609 23.87C60.4046 23.8154 59.6661 24.4652 59.6116 25.3215C59.557 26.1779 60.2068 26.9163 61.0631 26.9708L64.4932 27.1896C64.7647 27.2063 65.0361 27.073 65.1821 26.8221Z" fill="currentColor"/> 234 <path d="M64.4981 22.4205C64.7479 22.1049 64.6946 21.6466 64.379 21.3969L59.5675 17.5893C59.4682 17.5117 59.3518 17.4402 59.231 17.3875C58.4592 17.0507 57.5606 17.4035 57.2238 18.1753C56.8871 18.9471 57.2397 19.8457 58.0116 20.1825L63.6355 22.6362C63.9312 22.7652 64.2884 22.6856 64.4981 22.4205Z" fill="currentColor"/> 235 <path d="M65.3346 18.6736C65.7264 18.3968 65.8197 17.8548 65.543 17.4629L58.5376 7.54502C58.4846 7.47117 58.4198 7.3917 58.3545 7.32471C57.6513 6.60259 56.496 6.58732 55.7739 7.29043C55.0519 7.99353 55.0365 9.14889 55.7396 9.8709L64.211 18.5701C64.5039 18.8714 64.9805 18.9236 65.3346 18.6736Z" fill="currentColor"/> 236 </svg> 237 </div> 238 </a> 239 <ul class="menu"> 240 <li class="desktop-only"> 241 <a class="nav-link" href="https://verycoolstudio.com">Typefaces</a> 242 </li> 243 <li> 244 <a class="nav-link" href="https://verycoolstudio.com/articles">Articles</a> 245 </li> 246 <li> 247 <a class="nav-link" href="https://verycoolstudio.com/about" aria-current="page">About</a> 248 </li> 249 <li> 250 <a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a> 251 </li> 252 <li> 253 <fontdue-cart-button class="cart-toggle" button-style="inline" label="Cart"> 254 <svg width="29" height="34" viewBox="0 0 29 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 255 <path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 0C10.3579 0 7 3.35786 7 7.5V10H5C2.23858 10 0 12.2386 0 15V29C0 31.7614 2.23858 34 5 34H24C26.7614 34 29 31.7614 29 29V15C29 12.2386 26.7614 10 24 10H22V7.5C22 3.35786 18.6421 0 14.5 0ZM20 12V15H22V12H24C25.6569 12 27 13.3431 27 15V29C27 30.6569 25.6569 32 24 32H5C3.34315 32 2 30.6569 2 29V15C2 13.3431 3.34315 12 5 12H7V15H9V12H20ZM20 10V7.5C20 4.46243 17.5376 2 14.5 2C11.4624 2 9 4.46243 9 7.5V10H20Z" fill="black"/> 256 </svg> 257 </fontdue-cart-button> 258 </li> 259 <li class="theme-switch-wrapper"> 260 <label class="theme-switch" for="checkbox"> 261 <input type="checkbox" id="checkbox" aria-label="Dark mode"> 262 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 263 <path class="fill-black" fill-rule="evenodd" clip-rule="evenodd" d="M10.3539 28.8148C12.0809 29.5769 13.991 30 16 30C23.732 30 30 23.732 30 16C30 10.472 26.796 5.69227 22.1438 3.41657C16.4383 5.27122 9.93788 9.82723 9.66432 12.789C9.5386 13.8654 10.9211 14.224 15.2773 14.1841C15.3647 14.1831 15.4526 14.1821 15.5409 14.181C18.9183 14.14 22.8108 14.0928 22.5658 16.6956C22.272 20.0508 16.8133 25.1973 10.3539 28.8148ZM0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z" fill="black"/> 264 </svg> 265 </label> 266 </li> 267 </ul> 268 </nav> 269
269<script src="https://verycoolstudio.com/assets/js/theme-min.js"></script>
269 270 <main class="main"> 271<h1 class="visually-hidden">About</h1> 272<section id="cf9d8d69-3236-4b4f-a7fb-93e0b4a081e7"> 273 <div class="padding grid grid-gutter"> 274 <div class="column" style="--columns:6"> 275 <div class="prose"> 276 <h2>Very Cool Studio is a digital type foundry based in Oakland, CA</h2> 277 <p>We create and license retail fonts that have been used by brands like Apple, Netflix, and Awayâand custom fonts for brands like GitHub, Intercom, Webflow, and Qualtrics.</p> <p>The foundry was formed in March 2017 by Kyle Benson. At the time of writing the foundry is happy to report healthy sales and good customers.</p> </div> 278 </div> 279 <div class="column" style="--columns:6"> 280 <div class="prose"> 281 <video autoplay loop muted playsinline> 282 <source src="https://verycoolstudio.com/media/pages/about/f9aa5db84d-1738805626/mekyle.webm" type="video/webm"> 283 </video> 284 </div> 285 </div> 286 </div> 287</section> 288<section id="8558c292-4582-486c-899e-90f4a5aca336"> 289 <div class="padding grid grid-gutter"> 290 <div class="column" style="--columns:6"> 291 <div class="prose"> 292 <h2>Contact</h2> 293 </div> 294 </div> 295 <div class="column" style="--columns:6"> 296 <div class="prose"> 297 <p>Check the FAQs below before reaching out. If you just wanna say hi, please email Kyle at <a href="/cdn-cgi/l/email-protection#78101d141417380e1d0a011b1717140b0c0d1c1117561b1715"><span class="__cf_email__" data-cfemail="6e060b0202012e180b1c170d0101021d1a1b0a0701400d0103">[email protected]</span></a>. </p> </div> 298 </div> 299 </div> 300</section> 301<section id="fb8f73c1-db9a-4aef-a872-431adf623635"> 302 <div class="padding grid grid-gutter"> 303 <div class="column" style="--columns:12"> 304 <div class="prose"> 305 <h5>Also distributed by</h5> 306 <figure> 307 <ul> 308 <li> 309 <a href="https://www.futurefonts.xyz/very-cool-studio/"> 310 <img alt="Future Fonts Logo" src="https://verycoolstudio.com/media/pages/about/81f79b0f8d-1738805626/futurefonts.png"> </a> 311 </li> 312 </ul> 313 </figure> 314 </div> 315 </div> 316 </div> 317</section> 318<aside class="contact bg-tan bt-white"> 319 <div class="padding grid grid-gutter"> 320 <h2 id="faqs" class="column" style="--columns:3;">Frequently Asked Questions</h2> 321 <div class="faq-list grid grid-gutter column" style="--columns:9;"> 322 <h3 class="faq__q t-ui column" style="--columns:3;">What are the licensing terms?</h3> 323 <div class="faq__a prose column" style="--columns:8;"><p>The End User License Agreement (EULA) contains the legally binding terms for using our fonts. Read them in full <a href="/terms" rel="noopener noreferrer nofollow">here</a>.</p></div> 324 <h3 class="faq__q t-ui column" style="--columns:3;">How long do licenses last?</h3> 325 <div class="faq__a prose column" style="--columns:8;"><p>Forever! The only circumstances that change the terms are if your company gets largerâin which case you'll just need to pay the difference between your previous licensing cost and the larger licensing tier that youâre upgrading to.</p></div> 326 <h3 class="faq__q t-ui column" style="--columns:3;">How do I know I've picked the correct license?</h3> 327 <div class="faq__a prose column" style="--columns:8;"><p><a name="license">Our</a> licensing is based on one metric: company size. Sounds too simple to be true? Well, yeah, I guess it is. You should read the full <a href="/terms">terms</a> for the complicated bits. But also, no, it's pretty simple! Industry standard font licensing is based on how many computers the fonts are installed on, or how many people visit the app or website the font is hosted on. Under that model, even in good faith, it's pretty safe to say most people aren't tracking to make sure they stay within their font license. Our fonts are licensed based on size of company. A few recent foundries have adopted this model. It makes the licensing easier to understand, and by extension of that follow.</p></div> 328 <h3 class="faq__q t-ui column" style="--columns:3;">What languages or scripts do your fonts support?</h3> 329 <div class="faq__a prose column" style="--columns:8;"><p>Each typefaceâs page includes details about its character support. Our fonts generally cover a relatively standard Latin character set. Please reach out if a font is missing the characters you need, I might already have it in the works.</p></div> 330 <h3 class="faq__q t-ui column" style="--columns:3;">Is your license modifyable?</h3> 331 <div class="faq__a prose column" style="--columns:8;"><p>Because the back and forth can be very not fun for me, the license is already very flexible. If you've got a small thing, let's chat!</p></div> 332 <h3 class="faq__q t-ui column" style="--columns:3;">How does your website work?</h3> 333 <div class="faq__a prose column" style="--columns:8;"><p>Itâs built on <a href="https://getkirby.com/">Kirby</a> and hosted on BlueHost. The shopping cart and font testers are <a href="https://www.fontdue.com/">Fontdue</a>.</p></div> 334 <h3 class="faq__q t-ui column" style="--columns:3;">Do you offer student or educational licenses.</h3> 335 <div class="faq__a prose column" style="--columns:8;"><p>Non-commercial work is allowable with our <a href="#trial-fonts">trial fonts</a>. Our trial fonts are full feature, identical to the commercial fontsâjust with a different name and licenseâand should work great for students or educators who are creating work for class assignments or portfolios.</p></div> 336 <h3 class="faq__q t-ui column" style="--columns:3;">Do you offer any discounts?</h3> 337 <div class="faq__a prose column" style="--columns:8;"><p>Yes! We give a 25% discount to non-profits, charities, or other cultural work. This discount is applied during the license selection in checkout. </p></div> 338 <h3 class="faq__q t-ui column" style="--columns:3;">What software do you use to make your fonts?</h3> 339 <div class="faq__a prose column" style="--columns:8;"><p>It takes a village! My mainstays are: <a href="https://glyphsapp.com/">Glyphs 3</a>, <a href="https://remix-tools.com/">RMX Tools</a>, and <a href="https://kern-on.com/">Kern On</a>. For proofing I use <a href="https://idiotproofed.com/">idiotproofed</a>.</p></div> 340 <h3 class="faq__q t-ui column" style="--columns:3;">How do I access my fonts or get a receipt?</h3> 341 <div class="faq__a prose column" style="--columns:8;"><p>Login details are in the footer (<a href="#login">Customer login</a>), but please feel free to <a href="/cdn-cgi/l/email-protection#93fbf6fffffcd3e5f6e1eaf0fcfcffe0e7e6f7fafcbdf0fcfe">email</a> if you have any questions.</p></div> 342 <h3 class="faq__q t-ui column" style="--columns:3;">Why aren’t my fonts showing up in Photoshop, Figma, Word, etc?</h3> 343 <div class="faq__a prose column" style="--columns:8;"><p>Our font names are prefixed with VC. If youâre checking for Honey in the menu, you should check for VC Honey instead. Sometimes restarting the softw
343are or refreshing the tab is required before new font installs are usable.</p></div> 344 </div> 345 </div> 346</aside> 347 348 </main> 349 350 <footer class="footer"> 351 <div class="footer__main"> 352 <div class="footer__col footer__links"> 353 <nav aria-labelledby="footer-site"> 354 <h2 id="footer-site" class="t-eyebrow mb-md">Site</h2> 355 <ul> 356 <li><a class="nav-link" href="https://verycoolstudio.com/articles">Articles</a></li> 357 <li><a class="nav-link" href="https://verycoolstudio.com/about">About</a></li> 358 <li><a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a></li> 359 </ul> 360 </nav> 361 <div> 362 <h2 class="t-eyebrow mb-md">Shop</h2> 363 <ul> 364 <li><a class="nav-link" href="https://verycoolstudio.com">Typefaces</a></li> 365 <li><span class="nav-link"><fontdue-cart-button label="Cart"></fontdue-cart-button></span></li> 366 <li> 367 <details class="footer__login" id="login"> 368 <summary class="nav-link">Login</summary> 369 <fontdue-customer-login-form></fontdue-customer-login-form> 370 </details> 371 </li> 372 </ul> 373 </div> 374 </div> 375 <div class="footer__col footer__trials"> 376 377<h2 id="trial-fonts" class="mb-sm">Font Trials</h2> 378<p class="mb-lg">To help you make an informed licensing decision, our whole catalog is downloadable as trial fonts. The only thing trial about them is the name. Our trial fonts have full opentype features, kerning, and character sets included. Happy trials!</p> 379 380<fontdue-test-fonts-form> 381</fontdue-test-fonts-form> 382 </div> 383 </div> 384 <div class="footer__legal"> 385 <span>©2026 Very Cool Studio</span> 386 <a href="https://verycoolstudio.com/terms">Commercial License Terms</a> 387 <a href="https://verycoolstudio.com/trial-terms">Trial Terms</a> 388 </div> 389 </footer>
vendor: 111 bytes, lines 389-390
389 390 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
390<script src="https://verycoolstudio.com/assets/js/index-min.js?v=1791041552"></script>
390 391 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 391-392
391 392 <script async src="https://www.googletagmanager.com/gtag/js?id=
392UA-96409329-1
vendor: 14 bytes, lines 392-393
392"></script> 393
393<script> 394
vendor: 139 bytes, lines 394-397
394window.dataLayer = window.dataLayer || []; 395 function gtag(){dataLayer.push(arguments);} 396 gtag('js', new Date()); 397 gtag('config', '
397UA-96409329-1
vendor: 6 bytes, lines 397-398
397'); 398
398</script>
398 399
400<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"3853d5312cf941a0991072916a136561","r":1,"spa":2}' crossorigin="anonymous"></script>
400 401</body> 402</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.