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 | Articles</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 | Articles"> 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 | Articles" /> 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-articles"> 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="300" height="50" viewBox="0 0 292 42" fill="none" xmlns="http://www.w3.org/2000/svg"> 217 <title>Very Cool Studio</title> 218 <path d="M49.8962 41.0473C50.2165 35.3884 50.1732 6.31976 49.8413 0.686475H38.7351V29.1785L17.6316 12.5131C17.6236 12.5066 17.6158 12.4993 17.6086 12.4914C16.2374 10.9967 17.297 8.5795 19.3304 8.5795H33.6373L26.3889 0.177075L10.1249 0.164808C1.32499 0.151203 -3.27344 10.6233 2.69171 17.093L34.6644 41.0772C34.6644 41.0772 49.5481 41.0825 49.8962 41.0473Z" fill="currentColor"/> 219 <path d="M84.7144 21.0842C84.7144 23.9013 84.7144 26.5872 84.7144 29.3945L70.6785 29.5379C65.6219 29.5432 61.6821 29.2531 57.3538 26.0472C53.7641 23.3885 51.6304 19.3117 51.6304 15.0934C51.6304 8.6982 57.7057 0.470402 68.3826 0.38855L84.8208 0.532627C84.8208 1.81951 84.8248 3.09613 84.8248 4.3674C84.8248 10.2237 85.9375 7.17936 78.7363 17.7876C78.4125 18.2646 78.0616 18.5345 77.4369 18.5345C77.2547 18.5345 75.9808 18.5155 72.5731 18.5155C70.8167 18.5155 69.0133 18.52 67.1131 18.52C69.504 15.2042 71.7104 12.144 74.1432 8.77024L69.9654 8.73522C68.47 8.73522 62.4685 8.67746 62.4685 14.8137C62.4685 15.7459 62.6255 21.0824 70.0473 21.0824L84.7144 21.0842Z" fill="currentColor"/> 220 <path d="M137.45 0.368408C134.325 0.368408 131.183 0.368408 127.794 0.368408C127.794 7.16569 127.794 13.7903 127.794 20.5194C127.794 20.6864 127.793 20.8537 127.793 21.0208C126.77 21.0208 125.886 20.99 125.
220005 21.0257C118.52 21.2893 117.986 20.3978 118.148 14.2828C118.256 10.1909 118.171 6.09381 118.165 1.99898C118.164 1.46884 118.12 0.938919 118.095 0.393611C114.776 0.393611 111.59 0.393611 108.353 0.393611C108.325 0.728824 108.287 0.967913 108.287 1.207C108.284 7.07782 108.264 12.9489 108.305 18.8194C108.311 19.7901 108.472 20.7944 108.759 21.7226C110.215 26.4332 114.229 29.3933 119.179 29.4183C121.979 29.4323 124.778 29.4348 127.577 29.4325C126.956 31.5979 124.961 33.0795 122.636 32.9196C121.571 32.8462 53.6546 32.9078 52.5747 32.9078L52.6889 41.1675C55.8258 41.1675 125.564 41.2404 128.57 41.1463C131.377 41.0584 133.511 39.5989 135.224 37.4656C137.043 35.1981 137.647 32.5367 137.66 29.714C137.666 28.3346 137.669 26.9551 137.671 25.5755C137.818 17.9048 137.723 1.32811 137.45 0.368408Z" fill="currentColor"/> 221 <path d="M87.3966 29.4233C90.6504 29.4233 93.7969 29.4233 97.0687 29.4233C97.1046 28.7181 97.162 28.0914 97.1644 27.4647C97.1807 22.8736 97.1894 18.2823 97.1932 13.6912C97.1956 10.7794 99.5265 8.57627 102.336 8.76942C103.401 8.84279 104.476 8.78124 105.556 8.78124C105.556 5.89033 105.556 3.21107 105.556 0.521327C102.419 0.521327 99.4076 0.448397 96.4017 0.542515C93.5946 0.630389 91.4604 2.0899 89.748 4.22318C87.9281 6.49094 87.3246 9.15214 87.3121 11.9748C87.288 17.3558 87.3029 22.7371 87.309 28.1184C87.3094 28.5461 87.3652 28.9737 87.3966 29.4233Z" fill="currentColor"/> 222 <path d="M192.49 0L186.972 22.3135H175.956L178.906 10.3856L165.146 10.4719C154.973 11.1122 154.932 19.9902 154.932 20.3428C154.932 25.4395 159.094 30.1552 164.804 30.556L187.607 30.6675V41.0261C187.142 41.081 188.08 41.0747 175.065 41.0747C175.065 41.0747 161.23 41.0741 161.23 41.0741C147.527 41.0745 140.979 29.7529 140.979 20.6622C140.979 10.3948 149.047 0.215447 160.861 0.00691393L192.49 0Z" fill="currentColor"/> 223 <path d="M207.438 11.2612C201.105 11.2612 190.348 16.0647 190.348 26.7332C190.348 33.6228 195.835 41.5262 207.84 42C223.61 41.2334 225.182 28.4941 225.182 26.6649C225.182 20.0519 219.076 11.2612 207.438 11.2612ZM214.377 26.1136C214.377 26.1636 214.376 26.2133 214.375 26.2624C214.313 29.3387 212.8 33.6649 207.739 33.6649C203.718 33.6649 201.007 30.4757 201.007 26.6649C201.007 23.3349 203.367 19.5726 207.802 19.5726C212.736 19.5726 214.377 24.2299 214.377 26.1136Z" fill="currentColor"/> 224 <path d="M244.353 11.2612C238.019 11.2612 227.262 16.0647 227.262 26.7332C227.262 33.6228 232.75 41.5262 244.755 42C260.525 41.2334 262.097 28.4941 262.097 26.6649C262.097 20.0519 255.991 11.2612 244.353 11.2612ZM251.292 26.1136C251.292 26.1636 251.291 26.2133 251.289 26.2624C251.228 29.3387 249.715 33.6649 244.654 33.6649C240.632 33.6649 237.922 30.4757 237.922 26.6649C237.922 23.3349 240.282 19.5726 244.717 19.5726C249.651 19.5726 251.292 24.2299 251.292 26.1136Z" fill="currentColor"/> 225 <path d="M289.098 31.8878C287.911 31.8878 286.2 31.8202 285.028 31.9009C282.653 32.0642 280.589 30.6705 279.761 28.5624L271.957 8.83299C270.595 2.84352 266.861 0.233398 261.78 0.233398C261.779 0.245219 261.779 0.265961 261.778 0.29094L195.667 0.291386L193.214 9.33681H257.721C260.081 9.33681 260.625 10.0454 261.355 11.8704L269.69 33.5636C271.339 38.1447 275.075 40.8302 278.809 40.947C282.115 41.0505 288.408 40.9702 291.857 40.9702L289.098 31.8878Z" fill="currentColor"/> 226 </svg> 227 </div> 228 </a> 229 <ul class="menu"> 230 <li class="desktop-only"> 231 <a class="nav-link" href="https://verycoolstudio.com">Typefaces</a> 232 </li> 233 <li> 234 <a class="nav-link" href="https://verycoolstudio.com/articles" aria-current="page">Articles</a> 235 </li> 236 <li> 237 <a class="nav-link" href="https://verycoolstudio.com/about">About</a> 238 </li> 239 <li> 240 <a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a> 241 </li> 242 <li> 243 <fontdue-cart-button class="cart-toggle" button-style="inline" label="Cart"> 244 <svg width="29" height="34" viewBox="0 0 29 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 245 <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"/> 246 </svg> 247 </fontdue-cart-button> 248 </li> 249 <li class="theme-switch-wrapper"> 250 <label class="theme-switch" for="checkbox"> 251 <input type="checkbox" id="checkbox" aria-label="Dark mode"> 252 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 253 <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"/> 254 </svg> 255 </label> 256 </li> 257 </ul> 258 </nav> 259
259<script src="https://verycoolstudio.com/assets/js/theme-min.js"></script>
259 260 <main class="main"> 261 <div class="grid"> 262 <header class="column padding" style="--columns: 4"> 263 <header class="intro"> 264 <h1>Articles</h1> 265 </header> 266 </header> 267 268 <div class="column bt-white" style="--columns: 8"> 269 <ul class="card-list card-list--stack"> 270 <li><a class="card" href="https://verycoolstudio.com/articles/changes-to-licensing-and-pricing"> 271 <div class="card__body"> 272 <h2 class="card__title">Changes to licensing and pricing</h2> 273 <p class="card__meta"><time datetime="2025-02-06">Feb 6, 2025</time></p> 274 </div> 275 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 276 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 277</svg></span> 278</a> 279</li> 280 <li><a class="card" href="https://verycoolstudio.com/articles/gosh-design-information"> 281 <div class="card__body"> 282 <h2 class="card__title">Gosh Design Information</h2> 283 <p class="card__meta"><time datetime="2023-08-08">Aug 8, 2023</time></p> 284 </div> 285 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 286 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 287</svg></span> 288</a> 289</li> 290 <li><a class="card" href="https://verycoolstudio.com/articles/henrietta-design-information"> 291 <div class="card__body"> 292 <h2 class="card__title">Henrietta Design Information</h2> 293 <p class="card__meta"><time datetime="2022-03-16">Mar 16, 2022</time></p> 294 </div> 295 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 296 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 297</svg></span> 298</a> 299</li> 300 <li><a class="card" href="https://verycoolstudio.com/articles/announcing-very-cool-again"> 301 <div class="card__body"> 302 <h2 class="card__title">Announcing Very Cool, Again</h2> 303 <p class="card__meta"><time datetime="2021-08-23">Aug 23, 2021</time></p> 304 </div> 305 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 306 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 307</svg></span> 308</a> 309</li> 310 <li><a class="card" href="https://verycoolstudio.com/articles/nudge-design-information"> 311 <div class="card__body"> 312 <h2 class="card__title">Nudge Design Information</h2> 313 <p class="card__meta"><time datetime="2021-06-22">Jun 22, 2021</time></p> 314 </div> 315 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 316 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 317</svg></span> 318</a> 319</li> 320 <li><a class="card" href="https://verycoolstudio.com/articles/bruphy-design-information"> 321 <div class="card__body"> 322 <h2 class="card__title">Bruphy Design Information</h2> 323 <p class="card__meta"><time datetime="2019-06-11">Jun 11, 2019</time></p> 324 </div> 325 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 326 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 327</svg></span> 328</a> 329</li> 330 <li><a class="card" href="https://verycoolstudio.com/articles/gooper-design-information"> 331 <div class="card__body"> 332 <h2 class="card__title">Gooper Design Information</h2> 333 <p class="card__meta"><time datetime="2018-04-30">Apr 30, 2018</time></p> 334 </div> 335 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 336 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 337</svg></span> 338</a> 339</li> 340 <li><a class="card" href="https://verycoolstudio.com/articles/cardinal-grotesque-design-information"> 341 <div class="card__body"> 342 <h2 class="card__title">Cardinal Grotesque Design Information</h2> 343 <p class="card__meta"><time datetime="2017-05-16">May 16, 2017</time></p> 344 </div> 345 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 346 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 347</svg></span> 348</a> 349</li> 350 <li><a class="card" href="https://verycoolstudio.com/articles/kansas-casual-design-information"> 351 <div class="card__body"> 352 <h2 class="card__title">Kansas Casual Design Information</h2> 353 <p class="card__meta"><time datetime="2017-04-17">Apr 17, 2017</time></p> 354 </div> 355 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 356 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 357</svg></span> 358</a> 359</li> 360 <li><a class="card" href="https://verycoolstudio.com/articles/announcing-very-cool"> 361 <div class="card__body"> 362 <h2 class="card__title">Announcing Very Cool</h2> 363 <p class="card__meta"><time datetime="2017-03-30">Mar 30, 2017</time></p> 364 </div> 365 <span class="card__arrow" aria-hidden="true"><svg width="37" height="26" viewBox="0 0 37 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 366 <path class="stroke-black" d="M0 12.9511H35M23.7559 1.29285L35.7072 13.2441M22.3417 25.1953L34.2929 13.244" stroke="black" stroke-width="2"/> 367</svg></span> 368</a> 369</li> 370 </ul> 371 </div> 372 </div> 373 374 </main> 375 376 <footer class="footer"> 377 <div class="footer__main">
378 <div class="footer__col footer__links"> 379 <nav aria-labelledby="footer-site"> 380 <h2 id="footer-site" class="t-eyebrow mb-md">Site</h2> 381 <ul> 382 <li><a class="nav-link" href="https://verycoolstudio.com/articles">Articles</a></li> 383 <li><a class="nav-link" href="https://verycoolstudio.com/about">About</a></li> 384 <li><a class="nav-link" href="https://verycoolstudio.com/in-use">In Use</a></li> 385 </ul> 386 </nav> 387 <div> 388 <h2 class="t-eyebrow mb-md">Shop</h2> 389 <ul> 390 <li><a class="nav-link" href="https://verycoolstudio.com">Typefaces</a></li> 391 <li><span class="nav-link"><fontdue-cart-button label="Cart"></fontdue-cart-button></span></li> 392 <li> 393 <details class="footer__login" id="login"> 394 <summary class="nav-link">Login</summary> 395 <fontdue-customer-login-form></fontdue-customer-login-form> 396 </details> 397 </li> 398 </ul> 399 </div> 400 </div> 401 <div class="footer__col footer__trials"> 402 403<h2 id="trial-fonts" class="mb-sm">Font Trials</h2> 404<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> 405 406<fontdue-test-fonts-form> 407</fontdue-test-fonts-form> 408 </div> 409 </div> 410 <div class="footer__legal"> 411 <span>©2026 Very Cool Studio</span> 412 <a href="https://verycoolstudio.com/terms">Commercial License Terms</a> 413 <a href="https://verycoolstudio.com/trial-terms">Trial Terms</a> 414 </div> 415 </footer> 416
416<script src="https://verycoolstudio.com/assets/js/index-min.js?v=1791041552"></script>
416 417 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 417-418
417 418 <script async src="https://www.googletagmanager.com/gtag/js?id=
418UA-96409329-1
vendor: 14 bytes, lines 418-419
418"></script> 419
419<script> 420
vendor: 139 bytes, lines 420-423
420window.dataLayer = window.dataLayer || []; 421 function gtag(){dataLayer.push(arguments);} 422 gtag('js', new Date()); 423 gtag('config', '
423UA-96409329-1
vendor: 6 bytes, lines 423-424
423'); 424
424</script>
424 425
426<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>
426 427</body> 428</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.