1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="generator" content="Astro v7.0.2"><meta name="theme-color" content="#1b1916"><meta name="color-scheme" content="dark"><meta name="format-detection" content="telephone=no"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" href="/favicon.svg"><link rel="canonical" href="https://fuzzylogic.studio/"><title>Fuzzy Logic â Websites and digital products for established SMBs</title><meta name="description" content="Fuzzy Logic helps founder-led and owner-managed businesses launch high-quality websites and digital products without hiring an internal product and engineering team."><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="author" content="Fuzzy Logic"><meta name="application-name" content="Fuzzy Logic"><meta property="og:type" content="website"><meta property="og:url" content="https://fuzzylogic.studio/"><meta property="og:title" content="Fuzzy Logic â Websites and digital products for established SMBs"><meta property="og:description" content="Fuzzy Logic helps founder-led and owner-managed businesses launch high-quality websites and digital products without hiring an internal product and engineering team."><meta property="og:image" content="https://fuzzylogic.studio/og.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Fuzzy Logic â Websites and digital products for established SMBs"><meta property="og:image:type" content="image/png"><meta property="og:site_name" content="Fuzzy Logic"><meta property="og:locale" content="en_US"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Fuzzy Logic â Websites and digital products for established SMBs"><meta name="twitter:description" content="Fuzzy Logic helps founder-led and owner-managed businesses launch high-quality websites and digital products without hiring an internal product and engineering team."><meta name="twitter:image" content="https://fuzzylogic.studio/og.png"><meta name="twitter:image:alt" content="Fuzzy Logic â Websites and digital products for established SMBs"><link rel="sitemap" type="application/xml" href="/sitemap-index.xml">
1<script> 2 // Pre-paint theme restoration. Runs BEFORE body renders so no FOUC. 3 (() => { 4 try { 5 const saved = localStorage.getItem("fuzzylogic-theme"); 6 if (saved === "light" || saved === "dark") { 7 // Override the SSR default â set up a MutationObserver on <body> 8 // because at this point in <head>, body doesn't exist yet. 9 document.documentElement.dataset.themeOverride = saved; 10 const apply = () => { 11 const b = document.body; 12 if (!b) return false; 13 b.classList.toggle("is-light", saved === "light"); 14 b.classList.toggle("is-dark", saved === "dark"); 15 return true; 16 }; 17 if (!apply()) { 18 new MutationObserver((_, obs) => { if (apply()) obs.disconnect(); }) 19 .observe(document.documentElement, { childList: true, subtree: true }); 20 } 21 } 22 } catch (e) {} 23 })(); 24 </script>
24<script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.CxA4RdNc.js"></script>
24<script> 25 // Reveal-on-scroll. Inlined to avoid hydration delay. 26 (() => { 27 if (typeof window === "undefined") return; 28 const reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches; 29 const show = (el) => el.classList.add("is-shown"); 30 31 if (reduced) { 32 document.addEventListener("DOMContentLoaded", () => { 33 document.querySelectorAll(".reveal").forEach(show); 34 }); 35 return; 36 } 37 38 const obs = new IntersectionObserver( 39 (entries) => { 40 for (const entry of entries) { 41 if (entry.isIntersecting) { 42 show(entry.target); 43 obs.unobserve(entry.target); 44 } 45 } 46 }, 47 { rootMargin: "0px 0px -8% 0px", threshold: 0.05 } 48 ); 49 50 const init = () => { 51 document.querySelectorAll(".reveal").forEach((el) => obs.observe(el)); 52 }; 53 54 if (document.readyState === "loading") { 55 document.addEventListener("DOMContentLoaded", init); 56 } else { 57 init(); 58 } 59 })(); 60 </script>
60<script> 61 // char-shift hover: each char gets two stacked copies; both translate 62 // up on hover so the duplicate slides into the visible slot. 63 (() => { 64 if (typeof window === "undefined") return; 65 const NBSP = "Â "; 66 const init = () => { 67 document.querySelectorAll("[data-char-shift]").forEach((el) => { 68 if (el.dataset.charShiftReady) return; 69 el.dataset.charShiftReady = "1"; 70 const text = el.textContent || ""; 71 el.textContent = ""; 72 for (const ch of text) { 73 const wrap = document.createElement("span"); 74 wrap.className = "split-char"; 75 const a = document.createElement("span"); 76 a.textContent = ch === " " ? NBSP : ch; 77 const b = document.createElement("span"); 78 b.textContent = ch === " " ? NBSP : ch; 79 wrap.appendChild(a); 80 wrap.appendChild(b); 81 el.appendChild(wrap); 82 } 83 el.classList.add("char-shift"); 84 }); 85 }; 86 if (document.readyState === "loading") { 87 document.addEventListener("DOMContentLoaded", init); 88 } else { 89 init(); 90 } 91 })(); 92 </script>
92<link rel="stylesheet" href="/_astro/Footer.TudipFlX.css"><style>.falcon-hero[data-astro-cid-6wwdpvw7]{border-top:1px solid var(--color-mono-800);padding-block:clamp(6rem,12vw,10rem) clamp(4rem,8vw,6rem)}body.is-light .falcon-hero[data-astro-cid-6wwdpvw7]{border-top-color:var(--color-mono-200)}.falcon-hero__inner[data-astro-cid-6wwdpvw7]{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:1400px;display:flex}.falcon-hero__inner[data-astro-cid-6wwdpvw7].is-centered{text-align:center;align-items:center;margin-inline:auto}.falcon-hero__kicker[data-astro-cid-6wwdpvw7]{color:var(--color-mono-500);margin:0}.falcon-hero__headline[data-astro-cid-6wwdpvw7]{color:var(--color-mono-100);text-wrap:balance;margin:0}body.is-light .falcon-hero__headline[data-astro-cid-6wwdpvw7]{color:var(--color-mono-900)}.falcon-hero__trailing-link[data-astro-cid-6wwdpvw7]{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-link-text);align-items:center;gap:.5rem;margin-top:.25rem;font-size:14px;display:inline-flex}.falcon-hero__trailing-link[data-astro-cid-6wwdpvw7]:hover{color:var(--color-link-text-hover)}.falcon-hero__image[data-astro-cid-6wwdpvw7]{aspect-ratio:16/9;border-radius:8px;width:100%;margin-top:clamp(2rem,4vw,3.5rem);position:relative;overflow:hidden}.falcon-hero__image[data-astro-cid-6wwdpvw7] img[data-astro-cid-6wwdpvw7]{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0} 93.falcon-display-label[data-astro-cid-7jyylc55]{padding-block:clamp(4rem,8vw,7rem) clamp(2rem,4vw,4rem)}.falcon-display-label[data-astro-cid-7jyylc55] h2[data-astro-cid-7jyylc55]{color:var(--color-mono-100);text-align:center;margin:0}.falcon-display-label[data-astro-cid-7jyylc55][data-align=left] h2[data-astro-cid-7jyylc55]{text-align:left}body.is-light .falcon-display-label[data-astro-cid-7jyylc55] h2[data-astro-cid-7jyylc55]{color:var(--color-mono-900)}.falcon-testimonial[data-astro-cid-wndhlqnz]{padding-block:clamp(4rem,8vw,7rem)}.falcon-testimonial__quote[data-astro-cid-wndhlqnz]{max-width:1100px;margin:0}.falcon-testimonial__quote[data-astro-cid-wndhlqnz] p[data-astro-cid-wndhlqnz]{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--color-mono-100);text-wrap:balance;margin:0;font-size:clamp(28px,3.5vw,56px);font-weight:400;line-height:1}body.is-light .falcon-testimonial__quote[data-astro-cid-wndhlqnz] p[data-astro-cid-wndhlqnz]{color:var(--color-mono-900)}.falcon-testimonial__footer[data-astro-cid-wndhlqnz]{align-items:center;gap:1rem;margin-top:2rem;display:flex}.falcon-testimonial__avatar[data-astro-cid-wndhlqnz]{object-fit:cover;border-radius:999px;width:48px;height:48px}.falcon-testimonial__attribution[data-astro-cid-wndhlqnz]{flex-direction:column;gap:.25rem;display:flex}.falcon-testimonial__name[data-astro-cid-wndhlqnz]{font-family:var(--font-display);text-transform:uppercase;color:var(--color-mono-100);letter-spacing:-.005em;font-size:1.125rem}body.is-light .falcon-testimonial__name[data-astro-cid-wndhlqnz]{color:var(--color-mono-900)}.falcon-testimonial__role[data-astro-cid-wndhlqnz]{color:var(--color-mono-500)} 94.falcon-logo-marquee[data-astro-cid-hjon3hvd]{background:var(--color-mono-900);border-block:1px solid var(--color-mono-800);padding-block:3rem;position:relative}body.is-light .falcon-logo-marquee[data-astro-cid-hjon3hvd]{background:var(--color-mono-100);border-block-color:var(--color-mono-300)}.falcon-logo[data-astro-cid-hjon3hvd]{object-fit:contain;filter:brightness(0)invert(.85);opacity:.85;width:auto;max-width:180px;height:32px;transition:opacity .3s var(--ease-out-quart)}body.is-light .falcon-logo[data-astro-cid-hjon3hvd]{filter:brightness(0)invert(.15);opacity:.75}.falcon-logo[data-astro-cid-hjon3hvd]:hover{opacity:1}@media (width>=768px){.falcon-logo[data-astro-cid-hjon3hvd]{height:38px}}@media (width>=1280px){.falcon-logo[data-astro-cid-hjon3hvd]{max-width:200px;height:44px}}.falcon-who[data-astro-cid-gtzob5zq]{padding-block:clamp(4rem,8vw,7.5rem)}.falcon-who__grid[data-astro-cid-gtzob5zq]{grid-template-columns:1fr;align-items:end;gap:3rem;display:grid}@media (width>=1024px){.falcon-who__grid[data-astro-cid-gtzob5zq]{grid-template-columns:1fr 1fr;gap:4rem}}.falcon-who__kicker[data-astro-cid-gtzob5zq]{color:var(--color-mono-500);margin:0 0 1.25rem}.falcon-who__heading[data-astro-cid-gtzob5zq]{color:var(--color-mono-100);margin:0 0 1.5rem}body.is-light .falcon-who__heading[data-astro-cid-gtzob5zq]{color:var(--color-mono-900)}.falcon-who__body[data-astro-cid-gtzob5zq]{color:var(--color-mono-300);max-width:52ch;margin:0 0 1.5rem;font-size:1.0625rem;line-height:1.55}body.is-light .falcon-who__body[data-astro-cid-gtzob5zq]{color:var(--color-mono-800)}.falcon-who__media[data-astro-cid-gtzob5zq]{background:var(--color-mono-800);aspect-ratio:4/3;border-radius:4px;overflow:hidden}.falcon-who__media[data-astro-cid-gtzob5zq] img[data-astro-cid-gtzob5zq]{object-fit:cover;width:100%;height:100%} 95.falcon-stacking-cases[data-astro-cid-d6bmh3l3]{padding-block:2rem}.falcon-stacking-cases__list[data-astro-cid-d6bmh3l3]{flex-direction:column;gap:1.5rem;display:flex}.falcon-stacking-cases__card-wrap[data-astro-cid-d6bmh3l3]{height:93dvh}@media (width>=768px){.falcon-stacking-cases__card-wrap[data-astro-cid-d6bmh3l3]{height:86dvh}}@media (width>=1280px){.falcon-stacking-cases__card-wrap[data-astro-cid-d6bmh3l3]{height:74dvh}}.stack-card[data-astro-cid-d6bmh3l3]{border-radius:6px;height:100%;padding:1rem .75rem;position:relative;overflow:hidden}@media (width>=768px){.stack-card[data-astro-cid-d6bmh3l3]{padding:1.5rem}}.stack-card__link-overlay[data-astro-cid-d6bmh3l3]{z-index:1;position:absolute;inset:0}.stack-card__grid[data-astro-cid-d6bmh3l3]{flex-direction:column;gap:1.5rem;height:100%;display:flex}@media (width>=1280px){.stack-card__grid[data-astro-cid-d6bmh3l3]{flex-direction:row;align-items:stretch;gap:1.5rem}}.stack-card__image-area[data-astro-cid-d6bmh3l3]{background-color:#ffffff0f;border-radius:4px;flex:1;order:-1;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}@media (width>=1280px){.stack-card__image-area[data-astro-cid-d6bmh3l3]{flex:0 0 675px;order:-1;
95width:675px;min-height:auto}}.stack-card__image-area[data-astro-cid-d6bmh3l3] img[data-astro-cid-d6bmh3l3]{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.stack-card__image-area[data-astro-cid-d6bmh3l3]:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#0000 40%,#0000002e 100%);position:absolute;inset:0}.stack-card__content[data-astro-cid-d6bmh3l3]{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;gap:1.25rem;display:flex;position:relative}.stack-card__content[data-astro-cid-d6bmh3l3]>[data-astro-cid-d6bmh3l3]{pointer-events:auto}@media (width>=1280px){.stack-card__content[data-astro-cid-d6bmh3l3]{flex:1;padding:1rem 0}}.stack-card__head[data-astro-cid-d6bmh3l3]{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.stack-card__kicker[data-astro-cid-d6bmh3l3]{opacity:.75;margin:0}.stack-card__tags[data-astro-cid-d6bmh3l3]{flex-wrap:wrap;gap:.5rem;display:flex}.stack-card__title[data-astro-cid-d6bmh3l3]{margin:0}.stack-card__bullets[data-astro-cid-d6bmh3l3]{flex-direction:column;gap:.625rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.stack-card__bullets[data-astro-cid-d6bmh3l3] li[data-astro-cid-d6bmh3l3]{font-family:var(--font-sans);opacity:.9;align-items:flex-start;gap:.625rem;font-size:.95rem;line-height:1.4;display:flex}.stack-card__bullets[data-astro-cid-d6bmh3l3] svg[data-astro-cid-d6bmh3l3]{opacity:.75;flex-shrink:0;margin-top:.2rem}.stack-card__link[data-astro-cid-d6bmh3l3]{font-family:var(--font-mono);text-transform:uppercase;color:currentColor;opacity:.95;align-items:center;gap:.5rem;width:fit-content;font-size:14px;display:inline-flex}.stack-card__link[data-astro-cid-d6bmh3l3]:hover{opacity:1;color:var(--color-link-text)}.stack-card__stats[data-astro-cid-d6bmh3l3]{opacity:.95;border-top:1px solid;flex-wrap:wrap;gap:1.5rem 2.5rem;margin:0;padding-top:1.25rem;display:flex}.stack-card__stats[data-astro-cid-d6bmh3l3]>div[data-astro-cid-d6bmh3l3]{flex-direction:column;gap:.5rem;display:flex}.stack-card__stats[data-astro-cid-d6bmh3l3] dd[data-astro-cid-d6bmh3l3]{margin:0}.stack-card__stats[data-astro-cid-d6bmh3l3] dt[data-astro-cid-d6bmh3l3]{opacity:.7;margin:0} 96.falcon-two-up[data-astro-cid-bfogycp6]{padding-block:clamp(4rem,8vw,7.5rem)}.falcon-two-up__grid[data-astro-cid-bfogycp6]{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.falcon-two-up__grid[data-astro-cid-bfogycp6]{grid-template-columns:1fr 1fr;gap:4rem}}.falcon-two-up[data-astro-cid-bfogycp6].is-left .falcon-two-up__media[data-astro-cid-bfogycp6]{order:-1}.falcon-two-up__kicker[data-astro-cid-bfogycp6]{color:var(--color-mono-500);margin:0 0 1rem}.falcon-two-up__heading[data-astro-cid-bfogycp6]{color:var(--color-mono-100);margin:0 0 1.5rem}body.is-light .falcon-two-up__heading[data-astro-cid-bfogycp6]{color:var(--color-mono-900)}.falcon-two-up__body[data-astro-cid-bfogycp6]{color:var(--color-mono-300);max-width:52ch;font-size:1.0625rem;line-height:1.55}body.is-light .falcon-two-up__body[data-astro-cid-bfogycp6]{color:var(--color-mono-800)}.falcon-two-up__cta[data-astro-cid-bfogycp6]{margin-top:1.5rem}.falcon-two-up__media[data-astro-cid-bfogycp6]{grid-template-columns:1fr;gap:1rem;display:grid}.falcon-two-up__media[data-astro-cid-bfogycp6]:has([data-index="1"]){grid-template-columns:1fr 1fr}.falcon-two-up__image-frame[data-astro-cid-bfogycp6]{aspect-ratio:4/3;background:var(--color-mono-800);border-radius:4px;overflow:hidden}.falcon-two-up__image-frame[data-astro-cid-bfogycp6] img[data-astro-cid-bfogycp6]{object-fit:cover;width:100%;height:100%} 97.falcon-services[data-astro-cid-gqcvzhte]{padding-block:clamp(4rem,8vw,7.5rem)}.falcon-services__intro[data-astro-cid-gqcvzhte]{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (width>=768px){.falcon-services__intro[data-astro-cid-gqcvzhte]{grid-template-columns:1fr 1fr;gap:4rem}}.falcon-services__intro[data-astro-cid-gqcvzhte] h2[data-astro-cid-gqcvzhte]{color:var(--color-mono-100);margin:0}body.is-light .falcon-services__intro[data-astro-cid-gqcvzhte] h2[data-astro-cid-gqcvzhte]{color:var(--color-mono-900)}.falcon-services__body[data-astro-cid-gqcvzhte]{color:var(--color-mono-300);max-width:50ch;font-size:1.0625rem;line-height:1.55}body.is-light .falcon-services__body[data-astro-cid-gqcvzhte]{color:var(--color-mono-800)}.falcon-services__grid[data-astro-cid-gqcvzhte]{grid-template-columns:1fr;gap:1px;display:grid}@media (width>=768px){.falcon-services__grid[data-astro-cid-gqcvzhte]{grid-template-columns:repeat(3,1fr)}}.falcon-services__card[data-astro-cid-gqcvzhte]{color:var(--color-mono-900);flex-direction:column;gap:1rem;min-height:320px;padding:2rem;display:flex}.falcon-services__card[data-astro-cid-gqcvzhte] h3[data-astro-cid-gqcvzhte]{color:var(--color-mono-900);margin:0}body.is-light .falcon-services__card[data-astro-cid-gqcvzhte].is-inverted{color:var(--color-mono-100);background-color:var(--color-mono-900)!important}body.is-light .falcon-services__card[data-astro-cid-gqcvzhte].is-inverted h3[data-astro-cid-gqcvzhte],body.is-light .falcon-services__card[data-astro-cid-gqcvzhte].is-inverted a[data-astro-cid-gqcvzhte],body.is-light .falcon-services__card[data-astro-cid-gqcvzhte].is-inverted .falcon-services__cta[data-astro-cid-gqcvzhte]{color:var(--color-mono-100)}.falcon-services__card-body[data-astro-cid-gqcvzhte]{margin:0;font-size:.95rem;line-height:1.5}.falcon-services__card[data-astro-cid-gqcvzhte] ul[data-astro-cid-gqcvzhte]{font-family:var(--font-mono);text-transform:uppercase;flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;font-size:14px;list-style:none;display:flex}.falcon-services__cta[data-astro-cid-gqcvzhte]{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-mono-900);align-self:flex-start;align-items:center;gap:.5rem;margin-top:auto;font-size:14px;display:inline-flex} 98.falcon-blog-grid[data-astro-cid-ykk2le5v]{padding-block:clamp(4rem,8vw,7.5rem)}.falcon-blog-grid__head[data-astro-cid-ykk2le5v]{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2.5rem;display:flex}.falcon-blog-grid__head[data-astro-cid-ykk2le5v] h2[data-astro-cid-ykk2le5v]{color:var(--color-mono-100);margin:0}body.is-light .falcon-blog-grid__head[data-astro-cid-ykk2le5v] h2[data-astro-cid-ykk2le5v]{color:var(--color-mono-900)}.falcon-blog-grid__view-all[data-astro-cid-ykk2le5v]{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-link-text);white-space:nowrap;align-items:center;gap:.5rem;font-size:14px;display:inline-flex}.falcon-blog-grid__list[data-astro-cid-ykk2le5v]{grid-template-columns:minmax(0,1fr);gap:2.5rem 1.5rem;display:grid}@media (width>=768px){.falcon-blog-grid__list[data-astro-cid-ykk2le5v]{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 1.5rem}}@media (width>=1280px){.falcon-blog-grid__list[data-astro-cid-ykk2le5v]{grid-template-columns:repeat(3,minmax(0,1fr))}}.falcon-blog-card__title[data-astro-cid-ykk2le5v]{overflow-wrap:anywhere;word-break:break-word}.falcon-blog-card[data-astro-cid-ykk2le5v]{flex-direction:column;gap:1rem;display:flex}.falcon-blog-card__media[data-astro-cid-ykk2le5v]{aspect-ratio:16/10;background:var(--color-mono-800);border-radius:4px;overflow:hidden}.falcon-blog-card__media[data-astro-cid-ykk2le5v] img[data-astro-cid-ykk2le5v]{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-quart)}.falcon-blog-card__media[data-astro-cid-ykk2le5v]:hover img[data-astro-cid-ykk2le5v]{transform:scale(1.04)}.falcon-blog-card__body[data-astro-cid-ykk2le5v]{flex-direction:column;gap:.625rem;display:flex}.falcon-blog-card__meta[data-astro-cid-ykk2le5v]{color:var(--color-mono-500);gap:1rem;display:flex}.falcon-blog-card__cat[data-astro-cid-ykk2le5v]{color:var(--color-link-text)}.falcon-blog-card__title[data-astro-cid-ykk2le5v]{margin:0;font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.05}.falcon-blog-card__title[data-astro-cid-ykk2le5v] a[data-astro-cid-ykk2le5v]{color:var(--color-mono-100)}body.is-light .falcon-blog-card__title[data-astro-cid-ykk2le5v] a[data-astro-cid-ykk2le5v]{color:var(--color-mono-900)}.falcon-blog-card__excerpt[data-astro-cid-ykk2le5v]{color:var(--color-mono-400);margin:0;font-size:1rem;line-height:1.55}body.is-light .falcon-blog-card__excerpt[data-astro-cid-ykk2le5v]{color:var(--color-mono-800)}.falcon-blog-card__author[data-astro-cid-ykk2le5v]{color:var(--color-mono-500)} 99</style>
99<script type="module" src="/_astro/page.169VI7mI.js"></script>
99</head> <body class="is-dark" data-default-theme="dark"> <a href="#main" title="Skip navigation" class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-yellow-500 focus:text-mono-900 focus:rounded-md"> 100Skip to content 101</a> 102 <header class="falcon-nav" data-astro-cid-wpvy4v7s> <div class="falcon-container" data-astro-cid-wpvy4v7s> <div class="falcon-nav__inner" data-astro-cid-wpvy4v7s> <a href="/" class="falcon-nav__logo" aria-label="Fuzzy Logic â home" data-astro-cid-wpvy4v7s> <span class="falcon-nav__wordmark" data-astro-cid-wpvy4v7s>Fuzzy Logic</span> </a> <nav class="falcon-nav__primary" aria-label="Primary" data-astro-cid-wpvy4v7s> <a href="/work/" class="falcon-nav__link" data-astro-cid-wpvy4v7s><span data-char-shift data-astro-cid-wpvy4v7s>Work</span></a> <a href="/about/" class="falcon-nav__link" data-astro-cid-wpvy4v7s><span data-char-shift data-astro-cid-wpvy4v7s>About</span></a> <div class="falcon-nav__mega-wrapper" data-mega-wrapper data-astro-cid-wpvy4v7s> <button class="falcon-nav__link falcon-nav__mega-trigger" type="button" aria-haspopup="true" aria-expanded="false" data-mega-trigger data-astro-cid-wpvy4v7s> <span data-char-shift data-astro-cid-wpvy4v7s>Services</span> <svg width="10" height="6" viewBox="0 0 10 6" aria-hidden="true" data-astro-cid-wpvy4v7s> <path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-wpvy4v7s></path> </svg> </button> </div> <a href="/pricing/" class="falcon-nav__link" data-astro-cid-wpvy4v7s><span data-char-shift data-astro-cid-wpvy4v7s>Pricing</span></a> <a href="/contact/" class="falcon-nav__link" data-astro-cid-wpvy4v7s><span data-char-shift data-astro-cid-wpvy4v7s>Contact</span></a> </nav> <button class="falcon-nav__theme-toggle" type="button" data-theme-toggle aria-label="Toggle light / dark theme" data-astro-cid-wpvy4v7s> <svg class="falcon-nav__theme-icon falcon-nav__theme-icon--sun" width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-wpvy4v7s> <circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="1.75" fill="none" data-astro-cid-wpvy4v7s></circle> <path d="M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" data-astro-cid-wpvy4v7s></path> </svg> <svg class="falcon-nav__theme-icon falcon-nav__theme-icon--moon" width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-wpvy4v7s> <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79Z" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linejoin="round" data-astro-cid-wpvy4v7s></path> </svg> </button> <button class="falcon-nav__hamburger" type="button" aria-label="Open menu" data-mobile-trigger data-astro-cid-wpvy4v7s> <span data-astro-cid-wpvy4v7s></span> <span data-astro-cid-wpvy4v7s></span> <span data-astro-cid-wpvy4v7s></span> </button> </div> </div> <div class="falcon-nav__mega" data-mega-panel role="region" aria-label="Services menu" data-astro-cid-wpvy4v7s> <div class="falcon-nav__mega-panel" style="background-color:var(--color-peach-200);color:var(--color-mono-900)" data-astro-cid-wpvy4v7s> <span class="falcon-noise" data-astro-cid-wpvy4v7s></span> <div class="falcon-nav__mega-inner" data-astro-cid-wpvy4v7s> <h3 class="text-title-lg" data-astro-cid-wpvy4v7s>Brand-led Websites</h3> <p class="text-overline" data-astro-cid-wpvy4v7s>Modern sites for businesses ready to look as good as they operate.</p> <ul class="falcon-nav__mega-links" data-astro-cid-wpvy4v7s> <li data-astro-cid-wpvy4v7s><a href="/services/strategy/" data-char-shift data-astro-cid-wpvy4v7s>Website strategy</a></li><li data-astro-cid-wpvy4v7s><a href="/services/brand/" data-char-shift data-astro-cid-wpvy4v7s>Brand systems</a></li><li data-astro-cid-wpvy4v7s><a href="/services/ui/" data-char-shift data-astro-cid-wpvy4v7s>UI design</a></li> </ul> </div> </div><div class="falcon-nav__mega-panel" style="background-color:var(--color-pink-500);color:var(--color-mono-900)" data-astro-cid-wpvy4v7s> <span class="falcon-noise" data-astro-cid-wpvy4v7s></span> <div class="falcon-nav__mega-inner" data-astro-cid-wpvy4v7s> <h3 class="text-title-lg" data-astro-cid-wpvy4v7s>Web Development</h3> <p class="text-overline" data-astro-cid-wpvy4v7s>Fast, accessible builds your team can keep moving.</p> <ul class="falcon-nav__mega-links" data-astro-cid-wpvy4v7s> <li data-astro-cid-wpvy4v7s><a href="/services/astro/" data-char-shift data-astro-cid-wpvy4v7s>Astro & static sites</a></li><li data-astro-cid-wpvy4v7s><a href="/services/headless/" data-char-shift data-astro-cid-wpvy4v7s>Headless CMS</a></li><li data-astro-cid-wpvy4v7s><a href="/services/api/" data-char-shift data-astro-cid-wpvy4v7s>API & integrations</a></li> </ul> </div> </div><div class="falcon-nav__mega-panel" style="background-color:var(--color-yellow-500);color:var(--color-mono-900)" data-astro-cid-wpvy4v7s> <span class="falcon-noise" data-astro-cid-wpvy4v7s></span> <div class="falcon-nav__mega-inner" data-astro-cid-wpvy4v7s> <h3 class="text-title-lg" data-astro-cid-wpvy4v7s>Digital Products</h3> <p class="text-overline" data-astro-cid-wpvy4v7s>Product discovery, prototypes, portals and platforms without an internal team.</p> <ul class="falcon-nav__mega-links" data-astro-cid-wpvy4v7s> <li data-astro-cid-wpvy4v7s><a href="/services/apps/" data-char-shift data-astro-cid-wpvy4v7s>Web apps</a></li><li data-astro-cid-wpvy4v7s><a href="/services/tools/" data-char-shift data-astro-cid-wpvy4v7s>Internal tools</a></li><li data-astro-cid-wpvy4v7s><a href="/services/perf/" data-char-shift data-astro-cid-wpvy4v7s>Performance audits</a></li> </ul> </div> </div> </div> </header> <!-- Mobile drawer lives OUTSIDE <header> so position:fixed escapes the 103 backdrop-filter containing block on .falcon-nav. --> <div class="falcon-nav__mobile" data-mobile-panel aria-hidden="true" data-astro-cid-wpvy4v7s> <button class="falcon-nav__mobile-close" type="button" data-mobile-trigger aria-label="Close menu" data-astro-cid-wpvy4v7s> <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-wpvy4v7s> <path d="M5 5l14 14M19 5L5 19" stroke="currentColor" stroke-width="2" stroke-linecap="round" data-astro-cid-wpvy4v7s></path> </svg> </button> <div class="falcon-container" data-astro-cid-wpvy4v7s> <ul data-astro-cid-wpvy4v7s> <li data-astro-cid-wpvy4v7s>
103<a href="/work/" data-astro-cid-wpvy4v7s>Work</a></li> <li data-astro-cid-wpvy4v7s><a href="/about/" data-astro-cid-wpvy4v7s>About</a></li> <li class="falcon-nav__mobile-group" data-astro-cid-wpvy4v7s> <span data-astro-cid-wpvy4v7s>Services</span> <ul data-astro-cid-wpvy4v7s> <li data-astro-cid-wpvy4v7s><a href="/services/strategy/" data-astro-cid-wpvy4v7s>Brand-led Websites</a></li><li data-astro-cid-wpvy4v7s><a href="/services/astro/" data-astro-cid-wpvy4v7s>Web Development</a></li><li data-astro-cid-wpvy4v7s><a href="/services/apps/" data-astro-cid-wpvy4v7s>Digital Products</a></li> </ul> </li> <li data-astro-cid-wpvy4v7s><a href="/pricing/" data-astro-cid-wpvy4v7s>Pricing</a></li> <li data-astro-cid-wpvy4v7s><a href="/contact/" data-astro-cid-wpvy4v7s>Contact</a></li> </ul> <a href="/contact/" class="falcon-btn falcon-btn-primary falcon-nav__mobile-cta" data-astro-cid-wpvy4v7s> Book a discovery call </a> </div> </div> <a href="/contact/" class="falcon-btn falcon-btn-primary sticky-cta-popup" aria-label="Book discovery" data-astro-cid-wpvy4v7s> <span data-char-shift data-astro-cid-wpvy4v7s>Book discovery</span> </a>
103<script type="module">var e=()=>{let e=document.querySelector(`[data-mega-trigger]`),t=document.querySelector(`[data-mega-panel]`),n=document.querySelector(`[data-mega-wrapper]`),r=!1,i=n=>{r=n,t?.classList.toggle(`is-open`,n),e?.setAttribute(`aria-expanded`,n?`true`:`false`)};e&&t&&(e.addEventListener(`click`,e=>{e.stopPropagation(),i(!r)}),document.addEventListener(`click`,e=>{let a=e.target;r&&!n?.contains(a)&&!t.contains(a)&&i(!1)}),document.addEventListener(`keydown`,e=>{e.key===`Escape`&&r&&i(!1)}));let a=document.querySelectorAll(`[data-mobile-trigger]`),o=document.querySelector(`[data-mobile-panel]`),s=!1,c=e=>{s=e,o?.classList.toggle(`is-open`,e),a.forEach(t=>t.classList.toggle(`is-open`,e)),o?.setAttribute(`aria-hidden`,e?`false`:`true`),document.documentElement.style.overflow=e?`hidden`:``};a.forEach(e=>e.addEventListener(`click`,()=>c(!s)));let l=document.querySelectorAll(`[data-theme-toggle]`),u=e=>{document.body.classList.toggle(`is-light`,e===`light`),document.body.classList.toggle(`is-dark`,e===`dark`);try{localStorage.setItem(`fuzzylogic-theme`,e)}catch{}};l.forEach(e=>{e.addEventListener(`click`,()=>{u(document.body.classList.contains(`is-light`)?`dark`:`light`)})})};document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,e):e();</script>
103 104 <main id="main"> <section class="falcon-hero has-image" data-astro-cid-6wwdpvw7> <div class="falcon-container" data-astro-cid-6wwdpvw7> <div class="falcon-hero__inner" data-astro-cid-6wwdpvw7> <p class="text-overline-sm falcon-hero__kicker" data-astro-cid-6wwdpvw7>Independent product + engineering studio</p> <h1 class="text-display-lg falcon-hero__headline" data-astro-cid-6wwdpvw7>Brand-led websites and digital products for established small businesses.</h1> <a href="/work/" class="falcon-hero__trailing-link" data-astro-cid-6wwdpvw7> <span data-char-shift data-astro-cid-6wwdpvw7>View selected work</span> <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true" data-astro-cid-6wwdpvw7> <path d="M3 9h12M11 5l4 4-4 4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-6wwdpvw7></path> </svg> </a> </div> <div class="falcon-hero__image" style="background-color:#2e1c5f" data-astro-cid-6wwdpvw7> <img src="https://images.unsplash.com/photo-1497366216548-37526070297c?w=1800&q=80" alt="Strategy, design and engineering work in progress" loading="eager" decoding="async" data-astro-cid-6wwdpvw7> </div> </div> </section> <section class="falcon-logo-marquee" aria-label="Trusted by" data-astro-cid-hjon3hvd> <div class="marquee" data-astro-cid-hjon3hvd> <div class="marquee__track" data-astro-cid-hjon3hvd> <div class="marquee__group" data-astro-cid-hjon3hvd> <img src="/logos/mixo.svg" alt="mixo.io" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/eguarantee.svg" alt="eGuarantee" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/credabl.svg" alt="Credabl" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/mixvisor.svg" alt="Mixvisor" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/userfold.svg" alt="Userfold" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/migrate-you.svg" alt="Migrate You" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd> </div> </div> <div class="marquee__track" aria-hidden="true" data-astro-cid-hjon3hvd> <div class="marquee__group" data-astro-cid-hjon3hvd> <img src="/logos/mixo.svg" alt="" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/eguarantee.svg" alt="" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/credabl.svg" alt="" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/mixvisor.svg" alt="" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/userfold.svg" alt="" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd><img src="/logos/migrate-you.svg" alt="" loading="lazy" decoding="async" class="falcon-logo" data-astro-cid-hjon3hvd> </div> </div> </div> </section> <section class="falcon-display-label" data-align="center" data-astro-cid-7jyylc55> <div class="falcon-container" data-astro-cid-7jyylc55> <h2 class="text-display-xl" data-astro-cid-7jyylc55>Featured Work</h2> </div> </section> <section class="falcon-stacking-cases" data-astro-cid-d6bmh3l3> <div class="falcon-container" data-astro-cid-d6bmh3l3> <div class="falcon-stacking-cases__list" data-stack-wrapper data-astro-cid-d6bmh3l3> <div class="falcon-stacking-cases__card-wrap" data-stack-card data-astro-cid-d6bmh3l3> <article class="stack-card dark-card" style="background-color:#19414b" data-astro-cid-d6bmh3l3> <a href="/work/mixo/" class="stack-card__link-overlay" aria-label="View project: mixo.io" tabindex="-1" data-astro-cid-d6bmh3l3></a> <div class="stack-card__grid" data-astro-cid-d6bmh3l3> <div class="stack-card__content" data-astro-cid-d6bmh3l3> <div class="stack-card__head" data-astro-cid-d6bmh3l3> <h4 class="text-overline-sm stack-card__kicker" data-astro-cid-d6bmh3l3>AI startup builder</h4> <div class="stack-card__tags" data-astro-cid-d6bmh3l3> <p class="falcon-tag" data-astro-cid-d6bmh3l3>Product</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Development</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Web apps</p> </div> </div> <h3 class="text-title-lg stack-card__title" data-astro-cid-d6bmh3l3>mixo.io</h3> <ul class="stack-card__bullets" data-astro-cid-d6bmh3l3> <li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Product experience for turning rough startup ideas into launchable pages</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Conversion-focused onboarding and upgrade paths</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Scalable front-end patterns for rapid iteration</span> </li> </ul>
104 <a href="/work/mixo/" class="stack-card__link" data-astro-cid-d6bmh3l3> <span data-char-shift data-astro-cid-d6bmh3l3>View project</span> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M3 13L13 3M5 3h8v8" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> </a> <dl class="stack-card__stats" data-astro-cid-d6bmh3l3> <div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>AI</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Startup builder</dt> </div><div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>Global</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>User base</dt> </div> </dl> </div> <div class="stack-card__image-area" style="background-color:#0f2f36" data-astro-cid-d6bmh3l3> <img src="https://images.unsplash.com/photo-1518770660439-4636190af475?w=1600&q=80" alt="mixo.io case study mockup" loading="lazy" decoding="async" data-astro-cid-d6bmh3l3> </div> </div> </article> </div><div class="falcon-stacking-cases__card-wrap" data-stack-card data-astro-cid-d6bmh3l3> <article class="stack-card light-card" style="background-color:#f4c542" data-astro-cid-d6bmh3l3> <a href="/work/eguarantee/" class="stack-card__link-overlay" aria-label="View project: eGuarantee" tabindex="-1" data-astro-cid-d6bmh3l3></a> <div class="stack-card__grid" data-astro-cid-d6bmh3l3> <div class="stack-card__content" data-astro-cid-d6bmh3l3> <div class="stack-card__head" data-astro-cid-d6bmh3l3> <h4 class="text-overline-sm stack-card__kicker" data-astro-cid-d6bmh3l3>Fintech</h4> <div class="stack-card__tags" data-astro-cid-d6bmh3l3> <p class="falcon-tag" data-astro-cid-d6bmh3l3>Product</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Development</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Integrations</p> </div> </div> <h3 class="text-title-lg stack-card__title" data-astro-cid-d6bmh3l3>eGuarantee</h3> <ul class="stack-card__bullets" data-astro-cid-d6bmh3l3> <li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Digital product experience for guarantee-backed transactions</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>
104Clear flows for complex financial and legal concepts</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Trust-focused interface patterns for high-stakes decisions</span> </li> </ul> <a href="/work/eguarantee/" class="stack-card__link" data-astro-cid-d6bmh3l3> <span data-char-shift data-astro-cid-d6bmh3l3>View project</span> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M3 13L13 3M5 3h8v8" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> </a> <dl class="stack-card__stats" data-astro-cid-d6bmh3l3> <div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>Fintech</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Sector</dt> </div><div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>Trust</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Core product value</dt> </div> </dl> </div> <div class="stack-card__image-area" style="background-color:#f7dd75" data-astro-cid-d6bmh3l3> <img src="https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=1600&q=80" alt="eGuarantee case study mockup" loading="lazy" decoding="async" data-astro-cid-d6bmh3l3> </div> </div> </article> </div><div class="falcon-stacking-cases__card-wrap" data-stack-card data-astro-cid-d6bmh3l3> <article class="stack-card dark-card" style="background-color:#2234d2" data-astro-cid-d6bmh3l3> <a href="/work/credabl/" class="stack-card__link-overlay" aria-label="View project: Credabl" tabindex="-1" data-astro-cid-d6bmh3l3></a> <div class="stack-card__grid" data-astro-cid-d6bmh3l3> <div class="stack-card__content" data-astro-cid-d6bmh3l3> <div class="stack-card__head" data-astro-cid-d6bmh3l3> <h4 class="text-overline-sm stack-card__kicker" data-astro-cid-d6bmh3l3>Specialist lending</h4> <div class="stack-card__tags" data-astro-cid-d6bmh3l3> <p class="falcon-tag" data-astro-cid-d6bmh3l3>Websites</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Product</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Development</p> </div> </div> <h3 class="text-title-lg stack-card__title" data-astro-cid-d6bmh3l3>Credabl</h3> <ul class="stack-card__bullets" data-astro-cid-d6bmh3l3> <li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Digital experience for a specialist finance audience</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Clear content structure for products, eligibility and next steps</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Brand-led interface patterns supporting credibility and conversion</span> </li> </ul> <a href="/work/credabl/" class="stack-card__link" data-astro-cid-d6bmh3l3> <span data-char-shift data-astro-cid-d6bmh3l3>View project</span> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M3 13L13 3M5 3h8v8" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> </a> <dl class="stack-card__stats" data-astro-cid-d6bmh3l3> <div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>Finance</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Industry</dt> </div><div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>Specialist</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Audience</dt> </div> </dl> </div> <div class="stack-card__image-area" style="background-color:#17208a" data-astro-cid-d6bmh3l3> <img src="https://images.unsplash.com/photo-1554224154-22dec7ec8818?w=1600&q=80" alt="Credabl case study mockup" loading="lazy" decoding="async" data-astro-cid-d6bmh3l3> </div> </div> </article> </div><div class="falcon-stacking-cases__card-wrap" data-stack-card data-astro-cid-d6bmh3l3> <article class="stack-card light-card" style="background-color:#f06aa6" data-astro-cid-d6bmh3l3>
104 <a href="/work/mixvisor/" class="stack-card__link-overlay" aria-label="View project: Mixvisor" tabindex="-1" data-astro-cid-d6bmh3l3></a> <div class="stack-card__grid" data-astro-cid-d6bmh3l3> <div class="stack-card__content" data-astro-cid-d6bmh3l3> <div class="stack-card__head" data-astro-cid-d6bmh3l3> <h4 class="text-overline-sm stack-card__kicker" data-astro-cid-d6bmh3l3>Creator tools</h4> <div class="stack-card__tags" data-astro-cid-d6bmh3l3> <p class="falcon-tag" data-astro-cid-d6bmh3l3>Product</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Web apps</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Development</p> </div> </div> <h3 class="text-title-lg stack-card__title" data-astro-cid-d6bmh3l3>Mixvisor</h3> <ul class="stack-card__bullets" data-astro-cid-d6bmh3l3> <li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Product flows for a specialist creator workflow</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Interface patterns balancing utility and personality</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Reusable front-end foundations for product iteration</span> </li> </ul> <a href="/work/mixvisor/" class="stack-card__link" data-astro-cid-d6bmh3l3> <span data-char-shift data-astro-cid-d6bmh3l3>View project</span> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M3 13L13 3M5 3h8v8" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> </a> <dl class="stack-card__stats" data-astro-cid-d6bmh3l3> <div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>Creator</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Audience</dt> </div><div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>Workflow</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Product focus</dt> </div> </dl> </div> <div class="stack-card__image-area" style="background-color:#f6a4ca" data-astro-cid-d6bmh3l3> <img src="https://images.unsplash.com/photo-1516280440614-37939bbacd81?w=1600&q=80" alt="Mixvisor case study mockup" loading="lazy" decoding="async" data-astro-cid-d6bmh3l3> </div> </div> </article> </div><div class="falcon-stacking-cases__card-wrap" data-stack-card data-astro-cid-d6bmh3l3> <article class="stack-card dark-card" style="background-color:#111111" data-astro-cid-d6bmh3l3> <a href="/work/userfold/" class="stack-card__link-overlay" aria-label="View project: Userfold" tabindex="-1" data-astro-cid-d6bmh3l3></a> <div class="stack-card__grid" data-astro-cid-d6bmh3l3> <div class="stack-card__content" data-astro-cid-d6bmh3l3> <div class="stack-card__head" data-astro-cid-d6bmh3l3> <h4 class="text-overline-sm stack-card__kicker" data-astro-cid-d6bmh3l3>B2B SaaS</h4> <div class="stack-card__tags" data-astro-cid-d6bmh3l3> <p class="falcon-tag" data-astro-cid-d6bmh3l3>Product</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>UX</p><p class="falcon-tag" data-astro-cid-d6bmh3l3>Web apps</p> </div> </div> <h3 class="text-title-lg stack-card__title" data-astro-cid-d6bmh3l3>Userfold</h3> <ul class="stack-card__bullets" data-astro-cid-d6bmh3l3> <li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Product discovery for a B2B software idea</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>User journey mapping and interface structure</span> </li><li data-astro-cid-d6bmh3l3> <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M2 7l3 3 7-7" stroke="currentColor" stroke-width="1.75" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> <span data-astro-cid-d6bmh3l3>Prototype-ready patterns for validating the proposition</span> </li> </ul>
104 <a href="/work/userfold/" class="stack-card__link" data-astro-cid-d6bmh3l3> <span data-char-shift data-astro-cid-d6bmh3l3>View project</span> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-d6bmh3l3> <path d="M3 13L13 3M5 3h8v8" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-d6bmh3l3></path> </svg> </a> <dl class="stack-card__stats" data-astro-cid-d6bmh3l3> <div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>B2B</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Product category</dt> </div><div data-astro-cid-d6bmh3l3> <dd class="text-subtitle" data-astro-cid-d6bmh3l3>UX</dd> <dt class="text-overline-sm" data-astro-cid-d6bmh3l3>Primary focus</dt> </div> </dl> </div> <div class="stack-card__image-area" style="background-color:#202020" data-astro-cid-d6bmh3l3> <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1600&q=80" alt="Userfold case study mockup" loading="lazy" decoding="async" data-astro-cid-d6bmh3l3> </div> </div> </article> </div> </div> </div> </section>
104<script type="module" src="/_astro/StackingCases.astro_astro_type_script_index_0_lang.Ca4mApH2.js"></script>
104 <section class="falcon-two-up is-right" data-astro-cid-bfogycp6> <div class="falcon-container" data-astro-cid-bfogycp6> <div class="falcon-two-up__grid reveal" data-astro-cid-bfogycp6> <div class="falcon-two-up__text" data-astro-cid-bfogycp6> <p class="text-overline-sm falcon-two-up__kicker" data-astro-cid-bfogycp6>What we do</p> <h2 class="text-headline falcon-two-up__heading" data-astro-cid-bfogycp6>The product team you need, without the permanent hires.</h2> <p class="falcon-two-up__body" data-astro-cid-bfogycp6>Fuzzy Logic helps founder-led and owner-managed businesses launch high-quality websites, portals and digital products. We combine strategy, design and engineering in one small senior team, so you can move from idea to shipped product without recruiting an internal department.</p> <a href="/services/" class="falcon-btn falcon-btn-primary falcon-two-up__cta" data-astro-cid-bfogycp6> <span data-char-shift data-astro-cid-bfogycp6>See our services</span> </a> </div> <div class="falcon-two-up__media" data-astro-cid-bfogycp6> <div class="falcon-two-up__image-frame" data-index="0" data-astro-cid-bfogycp6> <img src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1200&q=80" alt="Workshop notes and product planning" loading="lazy" decoding="async" data-astro-cid-bfogycp6> </div><div class="falcon-two-up__image-frame" data-index="1" data-astro-cid-bfogycp6> <img src="https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?w=1200&q=80" alt="Design system and website interface work" loading="lazy" decoding="async" data-astro-cid-bfogycp6> </div> </div> </div> </div> </section> <section class="falcon-services" data-astro-cid-gqcvzhte> <div class="falcon-container" data-astro-cid-gqcvzhte> <div class="falcon-services__intro reveal" data-astro-cid-gqcvzhte> <h2 class="text-headline" data-astro-cid-gqcvzhte>Our services</h2> <p class="falcon-services__body" data-astro-cid-gqcvzhte>We help established small and medium-sized businesses modernise their website, validate and build software ideas, and deliver urgent digital projects without hiring an internal product and engineering team.</p> </div> <div class="falcon-services__grid" data-astro-cid-gqcvzhte> <div class="falcon-services__card reveal" style="background-color:var(--color-yellow-500)" data-delay="1" data-astro-cid-gqcvzhte> <h3 class="text-title-lg" data-astro-cid-gqcvzhte>Brand-led websites</h3> <p class="falcon-services__card-body" data-astro-cid-gqcvzhte>Strategy, design and build for modern websites that make established businesses look credible, current and easy to buy from.</p> <ul data-astro-cid-gqcvzhte> <li data-astro-cid-gqcvzhte><a href="/services/strategy/" data-char-shift data-astro-cid-gqcvzhte>Strategy</a></li><li data-astro-cid-gqcvzhte><a href="/services/brand/" data-char-shift data-astro-cid-gqcvzhte>Brand systems</a></li><li data-astro-cid-gqcvzhte><a href="/services/ui/" data-char-shift data-astro-cid-gqcvzhte>UI design</a></li> </ul> <a href="/services/web-design/" class="falcon-services__cta" data-astro-cid-gqcvzhte> <span data-char-shift data-astro-cid-gqcvzhte>Find out more</span> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-gqcvzhte> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-gqcvzhte></path> </svg> </a> </div><div class="falcon-services__card reveal is-inverted" style="background-color:var(--color-mono-100)" data-delay="2" data-astro-cid-gqcvzhte> <h3 class="text-title-lg" data-astro-cid-gqcvzhte>Web development</h3> <p class="falcon-services__card-body" data-astro-cid-gqcvzhte>Fast, accessible and maintainable builds using Astro, headless CMSs and pragmatic integrations.</p> <ul data-astro-cid-gqcvzhte> <li data-astro-cid-gqcvzhte><a href="/services/astro/" data-char-shift data-astro-cid-gqcvzhte>Astro & static</a></li><li data-astro-cid-gqcvzhte><a href="/services/headless/" data-char-shift data-astro-cid-gqcvzhte>Headless CMS</a></li><li data-astro-cid-gqcvzhte><a href="/services/api/" data-char-shift data-astro-cid-gqcvzhte>Integrations</a></li> </ul> <a href="/services/web-development/" class="falcon-services__cta" data-astro-cid-gqcvzhte> <span data-char-shift data-astro-cid-gqcvzhte>Find out more</span>
104 <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-gqcvzhte> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-gqcvzhte></path> </svg> </a> </div><div class="falcon-services__card reveal" style="background-color:var(--color-blue-500)" data-delay="3" data-astro-cid-gqcvzhte> <h3 class="text-title-lg" data-astro-cid-gqcvzhte>Digital products</h3> <p class="falcon-services__card-body" data-astro-cid-gqcvzhte>Discovery, UX, prototypes, portals, dashboards and custom platforms for validated software ideas.</p> <ul data-astro-cid-gqcvzhte> <li data-astro-cid-gqcvzhte><a href="/services/apps/" data-char-shift data-astro-cid-gqcvzhte>Web apps</a></li><li data-astro-cid-gqcvzhte><a href="/services/tools/" data-char-shift data-astro-cid-gqcvzhte>Internal tools</a></li><li data-astro-cid-gqcvzhte><a href="/services/perf/" data-char-shift data-astro-cid-gqcvzhte>Performance audits</a></li> </ul> <a href="/services/digital-platforms/" class="falcon-services__cta" data-astro-cid-gqcvzhte> <span data-char-shift data-astro-cid-gqcvzhte>Find out more</span> <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" data-astro-cid-gqcvzhte> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-gqcvzhte></path> </svg> </a> </div> </div> </div> </section> <section class="falcon-testimonial" data-astro-cid-wndhlqnz> <div class="falcon-container" data-astro-cid-wndhlqnz> <blockquote class="falcon-testimonial__quote reveal" data-astro-cid-wndhlqnz> <p data-astro-cid-wndhlqnz>"Fuzzy Logic brought product thinking and engineering discipline into the same conversation. They helped us turn a complex idea into something clear, usable and ready to ship."</p> <footer class="falcon-testimonial__footer" data-astro-cid-wndhlqnz> <img src="https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?w=160&h=160&fit=crop&q=80" alt="" loading="lazy" class="falcon-testimonial__avatar" data-astro-cid-wndhlqnz> <div class="falcon-testimonial__attribution" data-astro-cid-wndhlqnz> <span class="falcon-testimonial__name" data-astro-cid-wndhlqnz>Client partner</span> <span class="falcon-testimonial__role text-overline-sm" data-astro-cid-wndhlqnz>Founder-led technology business</span> </div> </footer> </blockquote> </div> </section> <section class="falcon-who" data-astro-cid-gtzob5zq> <div class="falcon-container" data-astro-cid-gtzob5zq> <div class="falcon-who__grid" data-astro-cid-gtzob5zq> <div class="falcon-who__text reveal" data-astro-cid-gtzob5zq> <p class="text-overline-sm falcon-who__kicker" data-astro-cid-gtzob5zq>Who we are</p> <h2 class="text-display-lg falcon-who__heading" data-astro-cid-gtzob5zq>We design and build the web you wish you had.</h2> <p class="falcon-who__body" data-astro-cid-gtzob5zq>Fuzzy Logic is an independent studio for owners who need senior digital delivery but do not want to build a permanent team before the opportunity is proven. We are commercially minded, technically strong and comfortable working close to the founder or leadership team.</p> <a href="/about/" class="falcon-btn falcon-btn-primary falcon-who__cta" data-astro-cid-gtzob5zq> <span data-char-shift data-astro-cid-gtzob5zq>About us</span> </a> </div> <div class="falcon-who__media reveal" data-delay="1" data-astro-cid-gtzob5zq> <img src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=1200&q=80" alt="A focused product team in a working session" loading="lazy" decoding="async" data-astro-cid-gtzob5zq> </div> </div> </div> </section> <section class="falcon-two-up is-left" data-astro-cid-bfogycp6> <div class="falcon-container" data-astro-cid-bfogycp6> <div class="falcon-two-up__grid reveal" data-astro-cid-bfogycp6> <div class="falcon-two-up__text" data-astro-cid-bfogycp6> <p class="text-overline-sm falcon-two-up__kicker" data-astro-cid-bfogycp6>For agencies and operators</p> <h2 class="text-headline falcon-two-up__heading" data-astro-cid-bfogycp6>Extra product and engineering capacity, quietly delivered.</h2> <p class="falcon-two-up__body" data-astro-cid-bfogycp6>We can work directly with business owners or as a specialist extension for agencies and consultants. If you have the client relationship but need senior web and product delivery, we can scope, design and build under a clear operating model.</p> <a href="/services/partnerships/" class="falcon-btn falcon-btn-primary falcon-two-up__cta" data-astro-cid-bfogycp6> <span data-char-shift data-astro-cid-bfogycp6>Explore partnerships</span> </a> </div> <div class="falcon-two-up__media" data-astro-cid-bfogycp6> <div class="falcon-two-up__image-frame" data-index="0" data-astro-cid-bfogycp6> <img src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?w=1200&q=80" alt="Two specialists reviewing a project plan" loading="lazy" decoding="async" data-astro-cid-bfogycp6> </div> </div> </div> </div> </section> <section class="falcon-blog-grid" data-astro-cid-ykk2le5v> <div class="falcon-container" data-astro-cid-ykk2le5v> <div class="falcon-blog-grid__list" data-astro-cid-ykk2le5v> <article class="falcon-blog-card reveal" data-delay="1" data-astro-cid-ykk2le5v> <a href="/blog/astro-rebuild/" class="falcon-blog-card__media" data-astro-cid-ykk2le5v> <img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1600&q=80" alt="Why we rebuilt our site in Astro" loading="lazy" decoding="async" data-astro-cid-ykk2le5v> </a> <div class="falcon-blog-card__body" data-astro-cid-ykk2le5v> <div class="falcon-blog-card__meta" data-astro-cid-ykk2le5v> <time datetime="2026-04-12T00:00:00.000Z" class="text-overline-sm" data-astro-cid-ykk2le5v>Apr 12, 2026</time> <span class="text-overline-sm falcon-blog-card__cat" data-astro-cid-ykk2le5v>Engineering</span> </div> <h3 class="text-title-lg falcon-blog-card__title" data-astro-cid-ykk2le5v> <a href="/blog/astro-rebuild/" data-astro-cid-ykk2le5v>Why we rebuilt our site in Astro</a> </h3> <p class="falcon-blog-card__excerpt" data-astro-cid-ykk2le5v>After three years on a heavy CMS, we moved our own site to Astro. Here's what changed, what broke, and what we'd do differently.</p> <p class="falcon-blog-card__author text-overline-sm" data-astro-cid-ykk2le5v>By Will</p> </div> </article><article class="falcon-blog-card reveal" data-delay="2" data-astro-cid-ykk2le5v> <a href="/blog/typography-that-screams/" class="falcon-blog-card__media" data-astro-cid-ykk2le5v> <img src="https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?w=1200&q=80" alt="The case for typography that screams" loading="lazy" decoding="async" data-astro-cid-ykk2le5v> </a> <div class="falcon-blog-card__body" data-astro-cid-ykk2le5v> <div class="falcon-blog-card__meta" data-astro-cid-ykk2le5v> <time datetime="2026-03-22T00:00:00.000Z" class="text-overline-sm" data-astro-cid-ykk2le5v>Mar 22, 2026</time> <span class="text-overline-sm falcon-blog-card__cat" data-astro-cid-ykk2le5v>Design</span> </div> <h3 class="text-title-lg falcon-blog-card__title" data-astro-cid-ykk2le5v> <a href="/blog/typography-that-screams/" data-astro-cid-ykk2le5v>The case for typography that screams</a> </h3> <p class="falcon-blog-card__excerpt" data-astro-cid-ykk2le5v>Most agency sites speak in a whisper. Here's why we picked a display face that doesn't.</p> <p class="falcon-blog-card__author text-overline-sm" data-astro-cid-ykk2le5v>By Matt</p> </div> </article><article class="falcon-blog-card reveal" data-delay="3" data-astro-cid-ykk2le5v> <a href="/blog/working-with-non-designers/" class="falcon-blog-card__media" data-astro-cid-ykk2le5v> <img src="https://images.unsplash.com/photo-1517048676732-d65bc937f952?w=1600&q=80" alt="Working with non-designers without dumbing things down" loading="lazy" decoding="async" data-astro-cid-ykk2le5v> </a> <div class="falcon-blog-card__body" data-astro-cid-ykk2le5v> <div class="falcon-blog-card__meta" data-astro-cid-ykk2le5v> <time datetime="2026-02-08T00:00:00.000Z" class="text-overline-sm" data-astro-cid-ykk2le5v>Feb 8, 2026</time> <span class="text-overline-sm falcon-blog-card__cat" data-astro-cid-ykk2le5v>Process</span> </div> <h3 class="text-title-lg falcon-blog-card__title" data-astro-cid-ykk2le5v> <a href="/blog/working-with-non-designers/" data-astro-cid-ykk2le5v>Working with non-designers without dumbing things down</a> </h3> <p class="falcon-blog-card__excerpt" data-astro-cid-ykk2le5v>When the people approving your work don't have a design background, the temptation is to oversimplify. Don't. Here's a better way.</p> <p class="falcon-blog-card__author text-overline-sm" data-astro-cid-ykk2le5v>By Gemma</p> </div> </article> </div> </div> </section> <section class="cta-marquee" aria-label="Call to action" data-astro-cid-4f66je64> <div class="marquee" data-astro-cid-4f66je64> <div class="marquee__track" data-astro-cid-4f66je64> <div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" data-astro-cid-4f66je64> <span data-char-shift data-astro-cid-4f66je64>Start a project</span> </a> </div><div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" data-astro-cid-4f66je64> <span data-char-shift data-astro-cid-4f66je64>Start a project</span> </a> </div><div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" data-astro-cid-4f66je64> <span data-char-shift data-astro-cid-4f66je64>Start a project</span> </a> </div><div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" data-astro-cid-4f66je64> <span data-char-shift data-astro-cid-4f66je64>Start a project</span> </a> </div> </div> <div class="marquee__track" aria-hidden="true" data-astro-cid-4f66je64> <div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" tabindex="-1" data-astro-cid-4f66je64> <span data-astro-cid-4f66je64>Start a project</span> </a> </div><div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" tabindex="-1" data-astro-cid-4f66je64> <span data-astro-cid-4f66je64>Start a project</span> </a> </div><div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" tabindex="-1" data-astro-cid-4f66je64> <span data-astro-cid-4f66je64>Start a project</span> </a> </div><div class="marquee__group" data-astro-cid-4f66je64> <span class="cta-marquee__text" data-astro-cid-4f66je64>Got something good to build?</span> <a href="/contact/" class="falcon-btn falcon-btn-secondary" tabindex="-1" data-astro-cid-4f66je64> <span data-astro-cid-4f66je64>Start a project</span> </a> </div> </div> </div> </section> </main> 105 <footer class="falcon-footer" data-astro-cid-jo6i4kqk> <div class="falcon-container" data-astro-cid-jo6i4kqk>
105 <div class="falcon-footer__cols" data-astro-cid-jo6i4kqk> <div class="falcon-footer__col" data-astro-cid-jo6i4kqk> <h4 class="falcon-footer__col-title" data-astro-cid-jo6i4kqk>Fuzzy Logic</h4> <ul data-astro-cid-jo6i4kqk> <li data-astro-cid-jo6i4kqk> <a href="/" data-char-shift data-astro-cid-jo6i4kqk> Home </a> </li><li data-astro-cid-jo6i4kqk> <a href="/work/" data-char-shift data-astro-cid-jo6i4kqk> Work </a> </li><li data-astro-cid-jo6i4kqk> <a href="/about/" data-char-shift data-astro-cid-jo6i4kqk> About </a> </li><li data-astro-cid-jo6i4kqk> <a href="/pricing/" data-char-shift data-astro-cid-jo6i4kqk> Pricing </a> </li> </ul> </div><div class="falcon-footer__col" data-astro-cid-jo6i4kqk> <h4 class="falcon-footer__col-title" data-astro-cid-jo6i4kqk>Services</h4> <ul data-astro-cid-jo6i4kqk> <li data-astro-cid-jo6i4kqk> <a href="/services/web-design/" data-char-shift data-astro-cid-jo6i4kqk> Brand-led websites </a> </li><li data-astro-cid-jo6i4kqk> <a href="/services/web-development/" data-char-shift data-astro-cid-jo6i4kqk> Web development </a> </li><li data-astro-cid-jo6i4kqk> <a href="/services/digital-platforms/" data-char-shift data-astro-cid-jo6i4kqk> Digital products </a> </li><li data-astro-cid-jo6i4kqk> <a href="/services/partnerships/" data-char-shift data-astro-cid-jo6i4kqk> Agency partnerships </a> </li> </ul> </div><div class="falcon-footer__col" data-astro-cid-jo6i4kqk> <h4 class="falcon-footer__col-title" data-astro-cid-jo6i4kqk>Offers</h4> <ul data-astro-cid-jo6i4kqk> <li data-astro-cid-jo6i4kqk> <a href="/pricing/" data-char-shift data-astro-cid-jo6i4kqk> Discovery Sprint </a> </li><li data-astro-cid-jo6i4kqk> <a href="/pricing/" data-char-shift data-astro-cid-jo6i4kqk> Website Launch </a> </li><li data-astro-cid-jo6i4kqk> <a href="/pricing/" data-char-shift data-astro-cid-jo6i4kqk> Product Build </a> </li><li data-astro-cid-jo6i4kqk> <a href="/contact/" data-char-shift data-astro-cid-jo6i4kqk> Contact </a> </li> </ul> </div> <div class="falcon-footer__col falcon-footer__address" data-astro-cid-jo6i4kqk> <h4 class="falcon-footer__col-title" data-astro-cid-jo6i4kqk>Contact</h4> <address data-astro-cid-jo6i4kqk> <p data-astro-cid-jo6i4kqk>Remote-first UK studio</p><p data-astro-cid-jo6i4kqk>Working with SMBs in the UK and beyond</p> <p data-astro-cid-jo6i4kqk> <a href="/contact/" data-char-shift data-astro-cid-jo6i4kqk>Contact us</a> </p> </address> </div> </div> <div class="falcon-footer__bottom" data-astro-cid-jo6i4kqk> <p class="falcon-footer__copyright" data-astro-cid-jo6i4kqk> <a href="/" target="_blank" rel="noopener" data-char-shift data-astro-cid-jo6i4kqk>© 2026 Fuzzy Logic</a> </p> <ul class="falcon-footer__bottom-links" data-astro-cid-jo6i4kqk> <li data-astro-cid-jo6i4kqk> <a href="/privacy/" data-char-shift data-astro-cid-jo6i4kqk> Privacy policy </a> </li><li data-astro-cid-jo6i4kqk> <a href="/sitemap-index.xml" data-char-shift data-astro-cid-jo6i4kqk> Sitemap </a> </li> </ul> </div> </div> </footer> 106 </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.