1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>About | Perfect Hue</title> 7 <meta name="description" content="Perfect Hue is an independent studio based in Colorado, established in 2008 and focused on design, animation, and 3D."> 8 <meta name="author" content="Jason Benjamin"> 9 <meta name="robots" content="index, follow"> 10 <meta name="theme-color" content="#090A0D"> 11 <link rel="canonical" href="https://perfecthue.com/about"> 12 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 13 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 14 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 15 <link href="https://fonts.googleapis.com/css2?family=Fahkwang:wght@400;500;600&family=Work+Sans:wght@400;500;600&display=swap" rel="stylesheet"> 16 <meta property="og:site_name" content="Perfect Hue Design"> 17 <meta property="og:locale" content="en_US"> 18 <meta property="og:type" content="website"> 19 <meta property="og:title" content="About | Perfect Hue"> 20 <meta property="og:description" content="Perfect Hue is an independent studio based in Colorado, established in 2008 and focused on design, animation, and 3D."> 21 <meta property="og:url" content="https://perfecthue.com/about"> 22 <meta property="og:image" content="https://perfecthue.com/og-image.jpg"> 23 <meta name="twitter:card" content="summary_large_image"> 24 <meta name="twitter:site" content="@perfecthue"> 25 <meta name="twitter:title" content="About | Perfect Hue"> 26 <meta name="twitter:description" content="Perfect Hue is an independent studio based in Colorado, established in 2008 and focused on design, animation, and 3D."> 27 <meta name="twitter:image" content="https://perfecthue.com/og-image.jpg"> 28
28<script type="application/ld+json"> 29 { 30 "@context": "https://schema.org", 31 "@type": "AboutPage", 32 "url": "https://perfecthue.com/about", 33 "name": "About Perfect Hue", 34 "isPartOf": { "@id": "https://perfecthue.com/#website" }, 35 "mainEntity": { 36 "@type": "Person", 37 "name": "Jason Benjamin", 38 "jobTitle": "Founder", 39 "image": "https://perfecthue.com/wallpapers/jason_benjamin.jpg", 40 "email": "mailto:[email protected]", 41 "homeLocation": { "@type": "Place", "name": "Colorado" }, 42 "worksFor": { 43 "@type": "Organization", 44 "name": "Perfect Hue", 45 "url": "https://perfecthue.com", 46 "foundingDate": "2008", 47 "founder": { "@type": "Person", "name": "Jason Benjamin" } 48 }, 49 "sameAs": [ 50 "https://www.youtube.com/@PerfectHueDesign", 51 "https://x.com/perfecthue", 52 "https://www.instagram.com/perfecthuedesign/" 53 ] 54 } 55 } 56 </script>
56 57 <style> 58 * { box-sizing: border-box; } 59 html, body { height: 100%; } 60 body { 61 font-family: 'Work Sans', sans-serif; 62 margin: 0; 63 padding: 0; 64 color: white; 65 background-color: #090A0D; 66 min-height: 100vh; 67 overflow-x: hidden; 68 position: relative; 69 } 70 body::before { 71 content: ''; 72 position: fixed; 73 inset: 0; 74 z-index: -1; 75 background-image: url('/bg.jpg'); 76 background-size: cover; 77 background-position: center center; 78 background-repeat: no-repeat; 79 opacity: 0.55; 80 pointer-events: none; 81 } 82 a:link, a:visited { color: white; } 83 84 .page { 85 min-height: 100vh; 86 width: 100%; 87 display: flex; 88 flex-direction: column; 89 padding: clamp(18px, 3vh, 36px) 32px 0; 90 } 91 92 /* Brand: identical to the homepage lockup */ 93 .brand { 94 display: inline-flex; 95 align-self: center; 96 align-items: center; 97 justify-content: center; 98 gap: 18px; 99 text-decoration: none; 100 color: white; 101 font-family: 'Work Sans', sans-serif; 102 font-size: 1rem; 103 text-shadow: none; 104 } 105 .brand img { 106 height: 28px; 107 width: auto; 108 display: block; 109 } 110 .brand .perfect-hue { 111 font-size: 2.3em; 112 font-weight: 600; 113 margin: 0; 114 white-space: nowrap; 115 text-shadow: none; 116 color: white; 117 } 118 .brand .design { 119 font-size: 1.49em; 120 font-weight: 400; 121 margin: 3px 0 0 0; 122 color: rgba(185, 200, 200, 0.6); 123 line-height: 1.15; 124 white-space: nowrap; 125 } 126 127 /* Content sits in the optical middle between the logo and the footer */ 128 .about { 129 width: fit-content; 130 max-width: min(650px, 100%); 131 margin: auto; 132 padding: 40px 0 8vh; 133 } 134 .about h1 { 135 margin: 0 0 22px; 136 text-align: center; 137 font-family: 'Fahkwang', sans-serif; 138 font-size: clamp(1.6rem, 3vw, 1.95rem); 139 font-weight: 400; 140 letter-spacing: 0.04em; 141 color: rgba(255, 255, 255, 0.92); 142 text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55); 143 } 144 .about-text { text-align: center; text-wrap: balance; } 145 .about-text p { 146 margin: 0 0 6px; 147 font-size: 1.05rem; 148 line-height: 1.7; 149 color: rgba(255, 255, 255, 0.92); 150 } 151 /* Photo + name group, centered; photo treatment matches the wallpapers page */ 152 .about-signoff { 153 display: flex; 154 align-items: flex-start; 155 gap: 22px; 156 width: fit-content; 157 max-width: 100%; 158 margin: 30px auto 0; 159 font-size: 0.98rem; 160 line-height: 1.5; 161 color: rgba(205, 215, 220, 0.78); 162 } 163 .about-signoff-copy { 164 display: flex; 165 flex-direction: column; 166 gap: 6px; 167 min-width: 0; 168 padding-top: 4px; 169 } 170 .about-signoff p { margin: 0; } 171 .about-signoff .about-contact { margin-top: 4px; } 172 .about-signoff .about-name { 173 font-size: 1.15rem; 174 font-weight: 600; 175 color: rgba(255, 255, 255, 0.92); 176 } 177 .about-photo { 178 flex-shrink: 0; 179 display: block; 180 width: 120px; 181 height: 120px; 182 border-radius: 10px; 183 object-fit: cover; 184 } 185 186 /* Footer: identical to the homepage */ 187 .splash-footer { 188 align-self: center; 189 text-align: center; 190 padding: 8px 16px 22px; 191 font-size: 0.82rem; 192 letter-spacing: 0.03em; 193 color: rgba(185, 200, 200, 0.45); 194 } 195 .splash-footer a { 196 color: rgba(255, 255, 255, 0.72); 197 text-decoration: none; 198 } 199 .splash-footer a:hover, 200 .splash-footer a:focus-visible { 201 color: white; 202 text-decoration: underline; 203 } 204 205 @media (max-width: 700px) { 206 .page { padding: 22px 24px 0; } 207 .brand { flex-wrap: wrap; justify-content: center; gap: 12px 14px; } 208 .brand img { height: 32px; } 209 .brand .perfect-hue { font-size: 2.1em; } 210 .brand .design { display: none; } 211 .about { padding: 36px 0 6vh; } 212 .about h1 { margin-bottom: 18px; } 213 .about-signoff { gap: 18px; margin-top: 26px; font-size: 0.95rem; } 214 .about-photo { width: 104px; height: 104px; } 215 .about-text p { font-size: 1rem; } 216 .splash-footer { padding-bottom: 18px; font-size: 0.78rem; } 217 } 218 219 @media (max-width: 700px), (hover: none) and (pointer: coarse) { 220 .desktop-only { display: none; } 221 } 222 </style> 223</head> 224<body> 225 <div class="page"> 226 <a href="https://perfecthue.com" class="brand" aria-label="Perfect Hue Design"> 227 <img src="/logo.svg" alt="">
228 <span class="perfect-hue">Perfect Hue</span> 229 <span class="design">Design</span> 230 </a> 231 232 <main class="about"> 233 <h1>About</h1> 234 <div class="about-text"> 235 <p>Perfect Hue is an independent studio based in Colorado, established in 2008 and focused on design, animation, and 3D.</p> 236 </div> 237 <div class="about-signoff"> 238 <img class="about-photo" src="/wallpapers/jason_benjamin.jpg" width="316" height="357" alt="Jason Benjamin"> 239 <div class="about-signoff-copy"> 240 <p class="about-name">Jason Benjamin</p> 241 <p>Founder</p> 242 <p class="about-contact">[email protected]</p> 243 </div> 244 </div> 245 </main> 246 247 <nav class="splash-footer" aria-label="More"> 248 <a href="/wallpapers">Wallpapers</a> • 249 <a href="/discord">Discord</a> • 250 <span class="desktop-only"><a href="/arena">Arena</a> •</span> 251 <a href="/api">API</a> • 252 <a href="mailto:[email protected]">Contact</a> 253 </nav> 254 </div> 255</body> 256</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.