1<!DOCTYPE html><!--DeJbl5SuY6sDOS50mf0G_--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logo.png"/><link rel="preload" as="image" href="https://nicklaunches.com/badges/featured.png"/><link rel="preload" as="image" href="https://www.betterlaunch.co/badge-launching-gradient.svg"/><link rel="stylesheet" href="/_next/static/css/38835cd7b77c528c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-2eb758dea75faf50.js"/>
1<script src="/_next/static/chunks/4bd1b696-c023c6e3521b1417.js" async=""></script>
1<script src="/_next/static/chunks/255-4f212684648fcab9.js" async=""></script>
1<script src="/_next/static/chunks/main-app-f9b5d20365cb8be2.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-3608f08b957536fe.js" async=""></script>
1<script src="/_next/static/chunks/833-3a7aca1698235290.js" async=""></script>
1<script src="/_next/static/chunks/546-5b7edb3005cc4666.js" async=""></script>
1<script src="/_next/static/chunks/app/blog/page-a05196e26b395d58.js" async=""></script>
1<link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="dns-prefetch" href="https://www.youtube.com"/><link rel="dns-prefetch" href="https://img.youtube.com"/><title>Blog â Font Management, WCAG & Mac/Windows Design Workflow · TypeHue</title><meta name="description" content="Practical tips on offline font management, color palette creation, WCAG contrast checking, and design variable export for Mac and Windows designers and developers."/><meta name="author" content="TypeHue"/><meta name="keywords" content="font manager,color manager,font and color manager,font manager for mac,color palette tool for mac,mac font manager,macos font manager,offline font manager mac,color manager for mac,font manager for windows,color palette tool,color palette generator,color manager for windows,offline font manager,WCAG contrast checker,font management software,color management software,design tools for windows,design tools for mac,mac design tools,microsoft store font manager,TypeHue,font organizer,font comparison tool,font collection manager,variable font inspector,font metadata viewer,image color extractor,gradient generator,OKLCH color tool,CSS variable export,Tailwind color export,SCSS color export,Swift color export,Android XML color export,one time purchase font manager,font manager no subscription,FontBase alternative,RightFont alternative windows,RightFont alternative mac"/><meta name="creator" content="TypeHue"/><meta name="publisher" content="TypeHue"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="Design Tools"/><link rel="canonical" href="https://typehue.vercel.app/blog"/><meta property="og:title" content="TypeHue â Offline Font Manager & Color Palette Tool for Mac & Windows"/><meta property="og:description" content="Offline font manager and color palette tool for Mac and Windows. Manage fonts, build palettes, check WCAG contrast, and export design variables."/><meta property="og:url" content="https://typehue.vercel.app"/><meta property="og:site_name" content="TypeHue"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://typehue.vercel.app/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="TypeHue â Offline Font Manager & Color Palette Toolkit for Mac and Windows"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@Craft_the_web"/><meta name="twitter:title" content="TypeHue â Offline Font Manager & Color Palette Tool"/><meta name="twitter:description" content="Offline font manager and color palette tool for Mac and Windows. Free 7-day trial, $29 once."/><meta name="twitter:image" content="https://typehue.vercel.app/og-image.png"/><link rel="icon" href="/icon.png?633256d68a5eb7c5" type="image/png" sizes="1024x1024"/><link rel="apple-touch-icon" href="/apple-icon.png?633256d68a5eb7c5" type="image/png" sizes="1024x1024"/><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500&display=swap" rel="stylesheet"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"TypeHue","url":"https://typehue.vercel.app","logo":"https://typehue.vercel.app/logo.png","contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer support"},"sameAs":["https://x.com/Craft_the_web"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"TypeHue","url":"https://typehue.vercel.app","description":"Offline font manager and color palette tool for Windows and macOS. Also on Microsoft Store for Windows."}</script>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="min-h-screen antialiased"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","dark",null,["light","dark"],null,true,true)</script>
1<div class="flex min-h-screen flex-col"><header class="sticky top-0 z-[100] transition-all duration-300 glass-nav-scrolled"><div class="mx-auto flex max-w-7xl items-center justify-between gap-4 px-6 py-4"><a class="group flex items-center transition-opacity hover:opacity-80 md:-ml-8" href="/"><img src="/logo.png" alt="TypeHue Logo" class="h-10 w-auto transition-all duration-300 invert dark:invert-0"/></a><nav class="hidden items-center gap-8 text-[14px] font-[500] md:flex transition-colors duration-300 text-text-secondary"><a class="transition-all duration-200 inline-block hover:scale-105 active:scale-95 hover:text-text-primary" href="/#features">Features</a><a class="transition-all duration-200 inline-block hover:scale-105 active:scale-95 hover:text-text-primary" href="/#videos">Videos</a><a class="transition-all duration-200 inline-block hover:scale-105 active:scale-95 hover:text-text-primary" href="/#pricing">Pricing</a><a class="transition-all duration-200 inline-block hover:scale-105 active:scale-95 hover:text-text-primary" href="/#faq">FAQ</a><a class="transition-all duration-200 inline-block hover:scale-105 active:scale-95 hover:text-text-primary" href="/download">Download</a><a class="transition-all duration-200 inline-block hover:scale-105 active:scale-95 hover:text-text-primary" href="/blog">Blog</a></nav><div class="flex items-center gap-3 sm:gap-4"><button class="flex h-10 w-10 items-center justify-center rounded-full border border-border/50 bg-transparent transition-all duration-300 hover:shadow-sm hover:scale-105 active:scale-95 focus-visible:outline-none text-text-primary hover:bg-black/5 dark:hover:bg-white/10" aria-label="Toggle theme"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all duration-500 dark:-rotate-90 dark:scale-0" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></button><a class="nav-accent-button hidden md:flex" href="/#pricing">Get TypeHue</a><button class="flex h-9 w-9 items-center justify-center md:hidden transition-colors duration-300 text-text-primary" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></header><main class="bg-background"><div class="mx-auto max-w-[900px] px-6 py-20 md:py-32"><header class="mb-16"><span class="label-badge mb-4">Insights</span><h1 class="text-5xl sm:text-7xl lg:text-8xl">Blog</h1><p class="mt-8 text-lg font-[300] text-text-secondary leading-relaxed max-w-2xl">Practical guides on typography, color science, accessibility, and building a design workflow that does not depend on Wi-Fi.</p></header><div class="space-y-6"><a class="group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5" href="/blog/typehue-for-mac-offline-font-manager-color-palette-tool"><div class="flex items-center gap-3 mb-4"><span class="rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent">Product</span><span class="text-xs text-text-muted">5 min read</span><span class="text-xs text-text-muted">·</span><time class="text-xs text-text-muted" dateTime="2026-05-29">May 29, 2026</time></div><h2 class="text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300">TypeHue for Mac Is Now Available: Offline Font Manager and Color Palette Tool for macOS</h2><p class="mt-3 text-base font-[300] leading-relaxed text-text-secondary">TypeHue is now available for Mac as a universal DMG. Manage local fonts, build color palettes, check WCAG contrast, create gradients, and export design tokens on macOS.</p><div class="mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3">Read article<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5" href="/blog/typehue-now-available-on-microsoft-store"><div class="flex items-center gap-3 mb-4"><span class="rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent">Product</span><span class="text-xs text-text-muted">4 min read</span><span class="text-xs text-text-muted">·</span><time class="text-xs text-text-muted" dateTime="2026-05-24">May 24, 2026</time></div><h2 class="text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300">TypeHue Is Now Available on the Microsoft Store</h2><p class="mt-3 text-base font-[300] leading-relaxed text-text-secondary">TypeHue is now on the Microsoft Store for Windows designers and developers. Same features, same 7-day trial, no account required.</p><div class="mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3">Read article<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5" href="/blog/best-font-management-workflow-for-designers"><div class="flex items-center gap-3 mb-4"><span class="rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent">Typography</span><span class="text-xs text-text-muted">6 min read</span><span class="text-xs text-text-muted">·</span><time class="text-xs text-text-muted" dateTime="2026-05-15">May 15, 2026</time></div><h2 class="text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300">The Best Font Management Workflow for Designers in 2026</h2><p class="mt-3 text-base font-[300] leading-relaxed text-text-secondary">Learn how to organize, preview, and manage your growing font library efficie
1ntly with an offline-first workflow. Stop wasting time scrolling through thousands of fonts.</p><div class="mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3">Read article<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5" href="/blog/how-to-create-accessible-color-palettes"><div class="flex items-center gap-3 mb-4"><span class="rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent">Color & Accessibility</span><span class="text-xs text-text-muted">7 min read</span><span class="text-xs text-text-muted">·</span><time class="text-xs text-text-muted" dateTime="2026-05-15">May 15, 2026</time></div><h2 class="text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300">How to Create Accessible Color Palettes That Pass WCAG</h2><p class="mt-3 text-base font-[300] leading-relaxed text-text-secondary">A practical guide to building color palettes that look beautiful AND meet WCAG accessibility standards. Learn about contrast ratios, tint/shade generation, and real-world testing.</p><div class="mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3">Read article<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5" href="/blog/offline-first-design-tools-why-they-matter"><div class="flex items-center gap-3 mb-4"><span class="rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent">Workflow</span><span class="text-xs text-text-muted">5 min read</span><span class="text-xs text-text-muted">·</span><time class="text-xs text-text-muted" dateTime="2026-05-15">May 15, 2026</time></div><h2 class="text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300">Why Offline-First Design Tools Are the Future of Creative Work</h2><p class="mt-3 text-base font-[300] leading-relaxed text-text-secondary">Cloud fatigue is real. Learn why designers are switching to offline-first tools for font management, color work, and design systems â and why your creative workflow should not depend on Wi-Fi.</p><div class="mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3">Read article<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5" href="/blog/mastering-digital-color-management-extraction-to-gradients"><div class="flex items-center gap-3 mb-4"><span class="rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent">Color Management</span><span class="text-xs text-text-muted">8 min read</span><span class="text-xs text-text-muted">·</span><time class="text-xs text-text-muted" dateTime="2026-05-15">May 15, 2026</time></div><h2 class="text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300">Mastering Digital Color Management: From Extraction to Gradients</h2><p class="mt-3 text-base font-[300] leading-relaxed text-text-secondary">A deep dive into building professional design systems using image color extraction, smooth gradient design, and organized palette management for desktop and web apps.</p><div class="mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3">Read article<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div></div></main><footer class="border-t border-border bg-surface py-20 lg:py-32"><div class="mx-auto max-w-7xl px-6"><div class="grid grid-cols-1 gap-16 md:grid-cols-4"><div class="md:col-span-2 space-y-6"><a class="flex items-center transition-opacity hover:opacity-80" href="/"><img src="/logo.png" alt="TypeHue Logo" class="h-14 w-auto dark:invert-0 invert"/></a><p class="max-w-xs text-[17px] font-[300] leading-relaxed text-text-secondary">The offline-first workspace for fonts and color management on Mac and Windows. Built for designers who value focus, privacy, and organization.</p></div><div class="space-y-6"><h4 class="text-[14px] font-[600] uppercase tracking-[0.1em] text-text-primary">Product</h4><nav class="flex flex-col gap-4 text-[18px] font-[400] text-text-secondary"><a class="transition-colors hover:text-accent" href="/#features">Features</a><a class="transition-colors hover:text-accent" href="/#screenshots">Screenshots</a><a class="transition-colors hover:text-accent" href="/#pricing">Pricing</a><a class="transition-colors hover:text-accent" href="/download">Download</a><a class="transition-colors hover:text-accent" href="/mac">Mac</a><a class="transition-colors hover:text-accent" href="/windows">Windows</a><a class="transition-colors hover:text-accent" href="/font-manager">Font Manager</a><a class="transition-colors hover:text-accent" href="/color-palette-tool">Color Palette Tool</a><a class="transition-colors hover:text-accent" href="/blog">Blog</a></nav></div><div class="space-y-6"><h4 class="text-[14px] font-[600] uppercase tracking-[0.1em] text-text-primary">Legal</h4><nav class="flex flex-col gap-4 text-[18px] font-[400] text-text-secondary"><a class="transition-colors hover:text-accent" href="/privacy">Privacy Policy</a><a class="transition-colors hover:text-accent" href="/terms">Terms of Service</a><a class="transition-colors hover:text-accent" href="/refund-policy">Refund Policy</a></nav></div></div><div class="mt-16 flex flex-wrap items-center justify-center gap-3"><a href="https://nicklaunches.com/products/typehue/?utm_source=typehue.vercel.app&utm_medium=badge&utm_campaign=featured" target="_blank" rel="noopener noreferrer" aria-label="TypeHue on Nick Launches" class="inline-flex transition-opacity duration-150 hover:opacity-80"><img src="https://nicklaunches.com/badges/featured.png" width="206" height="48" alt="TypeHue on Nick Launches" class="h-10 w-auto sm:h-12"/></a><a href="https://www.betterlaunch.co/" target="_blank" rel="noopener noreferrer" aria-label="TypeHue on Better Launch" class="inline-flex transition-opacity duration-150 hover:opacity-80"><img src="https://www.betterlaunch.co/badge-launching-gradient.svg" width="200" height="56" alt="Launching on Better Launch" class="h-10 w-auto sm:h-12"/></a></div><div class="mt-12 flex flex-col items-center justify-between gap-6 border-t border-border pt-8 sm:flex-row"><p class="text-xs font-[300] text-text-muted uppercase tracking-[0.05em]">© <!-- -->2026<!-- --> TypeHue. All rights reserved.</p><div class="flex items-center gap-6"><button class="group relative flex items-center justify-center text-text-muted transition-colors hover:text-text-primary focus-visible:outline-none" aria-label="Email support"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-5 w-5" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span class="absolute -top-10 left-1/2 -translate-x-1/2 scale-0 whitespace-nowrap rounded bg-text-primary px-2 py-1 text-xs text-background shadow-md transition-all group-hover:scale-100">Copy Email</span></button><a href="https://x.com/Craft_the_web" target="_blank" rel="noopener noreferrer" class="text-text-muted transition-colors hover:text-text-primary" aria-label="Twitter / X"><svg class="h-4 w-4 fill-current" viewBox="0 0 24 24" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.007 4.15H5.059z"></path></svg></a></div></div></div></footer></div><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
1<script src="/_next/static/chunks/webpack-2eb758dea75faf50.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3479,[\"177\",\"static/chunks/app/layout-3608f08b957536fe.js\"],\"ThemeProvider\"]\n3:I[9766,[],\"\"]\n4:I[8924,[],\"\"]\n5:I[8955,[\"177\",\"static/chunks/app/layout-3608f08b957536fe.js\"],\"Analytics\"]\n6:I[1174,[\"833\",\"static/chunks/833-3a7aca1698235290.js\",\"546\",\"static/chunks/546-5b7edb3005cc4666.js\",\"831\",\"static/chunks/app/blog/page-a05196e26b395d58.js\"],\"SiteHeader\"]\n7:I[2619,[\"833\",\"static/chunks/833-3a7aca1698235290.js\",\"546\",\"static/chunks/546-5b7edb3005cc4666.js\",\"831\",\"static/chunks/app/blog/page-a05196e26b395d58.js\"],\"\"]\n14:I[7150,[],\"\"]\n:HL[\"/_next/static/css/38835cd7b77c528c.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"DeJbl5SuY6sDOS50mf0G-\",\"p\":\"\",\"c\":[\"\",\"blog\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/38835cd7b77c528c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"href\":\"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1\u0026family=Inter:wght@300;400;500\u0026display=swap\",\"rel\":\"stylesheet\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://www.youtube.com\"}],[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://img.youtube.com\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"TypeHue\\\",\\\"url\\\":\\\"https://typehue.vercel.app\\\",\\\"logo\\\":\\\"https://typehue.vercel.app/logo.png\\\",\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"email\\\":\\\"[email protected]\\\",\\\"contactType\\\":\\\"customer support\\\"},\\\"sameAs\\\":[\\\"https://x.com/Craft_the_web\\\"]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"TypeHue\\\",\\\"url\\\":\\\"https://typehue.vercel.app\\\",\\\"description\\\":\\\"Offline font manager and color palette tool for Windows and macOS. Also on Microsoft Store for Windows.\\\"}\"}}]]}],[\"$\",\"body\",null,{\"className\":\"min-h-screen antialiased\",\"children\":[\"$\",\"$L2\",null,{\"attribute\":\"class\",\"defaultTheme\":\"dark\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L5\",null,{}]]}]}]]}]]}],{\"children\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"main\",null,{\"className\":\"bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-[900px] px-6 py-20 md:py-32\",\"children\":[[\"$\",\"header\",null,{\"className\":\"mb-16\",\"children\":[[\"$\",\"span\",null,{\"className\":\"label-badge mb-4\",\"children\":\"Insights\"}],[\"$\",\"h1\",null,{\"className\":\"text-5xl sm:text-7xl lg:text-8xl\",\"children\":\"Blog\"}],[\"$\",\"p\",null,{\"className\":\"mt-8 text-lg font-[300] text-text-secondary leading-relaxed max-w-2xl\",\"children\":\"Practical guides on typography, color science, accessibility, and building a design workflow that does not depend on Wi-Fi.\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-6\",\"children\":[[\"$\",\"$L7\",\"typehue-for-mac-offline-font-manager-color-palette-tool\",{\"href\":\"/blog/typehue-for-mac-offline-font-manager-color-palette-tool\",\"className\":\"group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5\",\"children\":[\"$L8\",\"$L9\",\"$La\",\"$Lb\"]}],\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\"]}]]}]}],\"$L11\"]}],null,\"$L12\"]}],{}
1,null,false]},null,false]},null,false],\"$L13\",false]],\"m\":\"$undefined\",\"G\":[\"$14\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"15:I[45,[\"833\",\"static/chunks/833-3a7aca1698235290.js\",\"546\",\"static/chunks/546-5b7edb3005cc4666.js\",\"831\",\"static/chunks/app/blog/page-a05196e26b395d58.js\"],\"default\"]\n16:I[21,[\"833\",\"static/chunks/833-3a7aca1698235290.js\",\"546\",\"static/chunks/546-5b7edb3005cc4666.js\",\"831\",\"static/chunks/app/blog/page-a05196e26b395d58.js\"],\"SiteFooter\"]\n17:I[4431,[],\"OutletBoundary\"]\n19:I[5278,[],\"AsyncMetadataOutlet\"]\n1b:I[4431,[],\"ViewportBoundary\"]\n1d:I[4431,[],\"MetadataBoundary\"]\n1e:\"$Sreact.suspense\"\n8:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent\",\"children\":\"Product\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"5 min read\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"·\"}],[\"$\",\"time\",null,{\"className\":\"text-xs text-text-muted\",\"dateTime\":\"2026-05-29\",\"children\":\"May 29, 2026\"}]]}]\n9:[\"$\",\"h2\",null,{\"className\":\"text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300\",\"children\":\"TypeHue for Mac Is Now Available: Offline Font Manager and Color Palette Tool for macOS\"}]\na:[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-[300] leading-relaxed text-text-secondary\",\"children\":\"TypeHue is now available for Mac as a universal DMG. Manage local fonts, build color palettes, check WCAG contrast, create gradients, and export design tokens on macOS.\"}]\nb:[\"$\",\"div\",null,{\"className\":\"mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3\",\"children\":[\"Read article\",[\"$\",\"$L15\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1\"}]]}]\n"])</script>
1<script>self.__next_f.push([1,"c:[\"$\",\"$L7\",\"typehue-now-available-on-microsoft-store\",{\"href\":\"/blog/typehue-now-available-on-microsoft-store\",\"className\":\"group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent\",\"children\":\"Product\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"4 min read\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"·\"}],[\"$\",\"time\",null,{\"className\":\"text-xs text-text-muted\",\"dateTime\":\"2026-05-24\",\"children\":\"May 24, 2026\"}]]}],[\"$\",\"h2\",null,{\"className\":\"text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300\",\"children\":\"TypeHue Is Now Available on the Microsoft Store\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-[300] leading-relaxed text-text-secondary\",\"children\":\"TypeHue is now on the Microsoft Store for Windows designers and developers. Same features, same 7-day trial, no account required.\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3\",\"children\":[\"Read article\",[\"$\",\"$L15\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"d:[\"$\",\"$L7\",\"best-font-management-workflow-for-designers\",{\"href\":\"/blog/best-font-management-workflow-for-designers\",\"className\":\"group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent\",\"children\":\"Typography\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"6 min read\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"·\"}],[\"$\",\"time\",null,{\"className\":\"text-xs text-text-muted\",\"dateTime\":\"2026-05-15\",\"children\":\"May 15, 2026\"}]]}],[\"$\",\"h2\",null,{\"className\":\"text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300\",\"children\":\"The Best Font Management Workflow for Designers in 2026\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-[300] leading-relaxed text-text-secondary\",\"children\":\"Learn how to organize, preview, and manage your growing font library efficiently with an offline-first workflow. Stop wasting time scrolling through thousands of fonts.\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3\",\"children\":[\"Read article\",[\"$\",\"$L15\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"e:[\"$\",\"$L7\",\"how-to-create-accessible-color-palettes\",{\"href\":\"/blog/how-to-create-accessible-color-palettes\",\"className\":\"group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent\",\"children\":\"Color \u0026 Accessibility\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"7 min read\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"·\"}],[\"$\",\"time\",null,{\"className\":\"text-xs text-text-muted\",\"dateTime\":\"2026-05-15\",\"children\":\"May 15, 2026\"}]]}],[\"$\",\"h2\",null,{\"className\":\"text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300\",\"children\":\"How to Create Accessible Color Palettes That Pass WCAG\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-[300] leading-relaxed text-text-secondary\",\"children\":\"A practical guide to building color palettes that look beautiful AND meet WCAG accessibility standards. Learn about contrast ratios, tint/shade generation, and real-world testing.\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3\",\"children\":[\"Read article\",[\"$\",\"$L15\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"f:[\"$\",\"$L7\",\"offline-first-design-tools-why-they-matter\",{\"href\":\"/blog/offline-first-design-tools-why-they-matter\",\"className\":\"group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent\",\"children\":\"Workflow\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"5 min read\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"·\"}],[\"$\",\"time\",null,{\"className\":\"text-xs text-text-muted\",\"dateTime\":\"2026-05-15\",\"children\":\"May 15, 2026\"}]]}],[\"$\",\"h2\",null,{\"className\":\"text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300\",\"children\":\"Why Offline-First Design Tools Are the Future of Creative Work\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-[300] leading-relaxed text-text-secondary\",\"children\":\"Cloud fatigue is real. Learn why designers are switching to offline-first tools for font management, color work, and design systems â and why your creative workflow should not depend on Wi-Fi.\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3\",\"children\":[\"Read article\",[\"$\",\"$L15\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"10:[\"$\",\"$L7\",\"mastering-digital-color-management-extraction-to-gradients\",{\"href\":\"/blog/mastering-digital-color-management-extraction-to-gradients\",\"className\":\"group block rounded-[12px] border border-border bg-surface p-8 transition-all duration-300 hover:border-border-hover hover:bg-elevated hover:shadow-lg hover:shadow-accent/5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"rounded-full bg-accent-muted px-3 py-1 text-xs font-[500] text-accent\",\"children\":\"Color Management\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"8 min read\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-text-muted\",\"children\":\"·\"}],[\"$\",\"time\",null,{\"className\":\"text-xs text-text-muted\",\"dateTime\":\"2026-05-15\",\"children\":\"May 15, 2026\"}]]}],[\"$\",\"h2\",null,{\"className\":\"text-xl sm:text-2xl font-[500] text-text-primary tracking-tight group-hover:text-accent transition-colors duration-300\",\"children\":\"Mastering Digital Color Management: From Extraction to Gradients\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-base font-[300] leading-relaxed text-text-secondary\",\"children\":\"A deep dive into building professional design systems using image color extraction, smooth gradient design, and organized palette management for desktop and web apps.\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex items-center gap-2 text-sm font-[500] text-accent transition-all duration-300 group-hover:gap-3\",\"children\":[\"Read article\",[\"$\",\"$L15\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$b:props:children:1:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"11:[\"$\",\"$L16\",null,{}]\n12:[\"$\",\"$L17\",null,{\"children\":[\"$L18\",[\"$\",\"$L19\",null,{\"promise\":\"$@1a\"}]]}]\n13:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L1b\",null,{\"children\":\"$L1c\"}],null],[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$1e\",null,{\"fallback\":null,\"children\":\"$L1f\"}]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n18:null\n"])</script>
1<script>self.__next_f.push([1,"20:I[622,[],\"IconMark\"]\n"])</script>
1<script>self.__next_f.push([1,"1a:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Blog â Font Management, WCAG \u0026 Mac/Windows Design Workflow · TypeHue\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Practical tips on offline font management, color palette creation, WCAG contrast checking, and design variable export for Mac and Windows designers and developers.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"TypeHue\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"font manager,color manager,font and color manager,font manager for mac,color palette tool for mac,mac font manager,macos font manager,offline font manager mac,color manager for mac,font manager for windows,color palette tool,color palette generator,color manager for windows,offline font manager,WCAG contrast checker,font management software,color management software,design tools for windows,design tools for mac,mac design tools,microsoft store font manager,TypeHue,font organizer,font comparison tool,font collection manager,variable font inspector,font metadata viewer,image color extractor,gradient generator,OKLCH color tool,CSS variable export,Tailwind color export,SCSS color export,Swift color export,Android XML color export,one time purchase font manager,font manager no subscription,FontBase alternative,RightFont alternative windows,RightFont alternative mac\"}],[\"$\",\"meta\",\"4\",{\"name\":\"creator\",\"content\":\"TypeHue\"}],[\"$\",\"meta\",\"5\",{\"name\":\"publisher\",\"content\":\"TypeHue\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"8\",{\"name\":\"category\",\"content\":\"Design Tools\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://typehue.vercel.app/blog\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"TypeHue â Offline Font Manager \u0026 Color Palette Tool for Mac \u0026 Windows\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Offline font manager and color palette tool for Mac and Windows. Manage fonts, build palettes, check WCAG contrast, and export design variables.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://typehue.vercel.app\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"TypeHue\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://typehue.vercel.app/og-image.png\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:alt\",\"content\":\"TypeHue â Offline Font Manager \u0026 Color Palette Toolkit for Mac and Windows\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:creator\",\"content\":\"@Craft_the_web\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:title\",\"content\":\"TypeHue â Offline Font Manager \u0026 Color Palette Tool\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:description\",\"content\":\"Offline font manager and color palette tool for Mac and Windows. Free 7-day trial, $29 once.\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image\",\"content\":\"https://typehue.vercel.app/og-image.png\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/icon.png?633256d68a5eb7c5\",\"type\":\"image/png\",\"sizes\":\"1024x1024\"}],[\"$\",\"link\",\"26\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?633256d68a5eb7c5\",\"type\":\"image/png\",\"sizes\":\"1024x1024\"}],[\"$\",\"$L20\",\"27\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"1f:\"$1a:metadata\"\n"])</script>
1</body></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.