[{"data":1,"prerenderedAt":240},["ShallowReactive",2],{"colophon-en":3},{"id":4,"title":5,"bars":6,"blurb":6,"body":7,"color":6,"contacts":6,"date":6,"dateModified":6,"description":163,"extension":164,"featured":165,"groups":6,"kicker":166,"meta":167,"metrics":6,"n":6,"navigation":168,"openTabs":6,"path":169,"progress":6,"readTime":6,"reading":6,"role":6,"rules":170,"running":6,"seo":191,"ships":6,"slug":6,"stack":192,"started":6,"status":217,"stem":221,"streak":6,"tag":6,"tagColor":6,"tagline":6,"tasks":6,"timeline":222,"topics":6,"week":6,"year":6,"__hash__":239},"en\u002Fpages\u002Fcolophon.md","colophon",null,{"type":8,"value":9,"toc":154},"minimark",[10,20,24,29,32,35,38,40,43,46,111,113,116,149,151],[11,12,14,15,19],"h2",{"id":13},"the-site-youre-on-was-designed-out-loud-heres-the-transcript","the site ",[16,17,18],"em",{},"you're on"," was designed out loud — here's the transcript.",[21,22,23],"p",{},"no framework templates, no Figma-to-code handoff. i sketched everything in the browser, talking to an AI collaborator like a junior designer across the desk. two weeks, ten channels, one ASCII cat that wouldn't sit still.",[21,25,26],{},[16,27,28],{},"every pixel you see was argued about. — deploy, project cat",[30,31],"hr",{},[21,33,34],{},"— timeline · 14 days of signal",[21,36,37],{},"— five rules, taped to the monitor",[30,39],{},[11,41,42],{"id":42},"sitemap",[21,44,45],{},"▸ 10 routes · 3 primary entry-points",[47,48,49,57,63,69,75,81,87,93,99,105],"ul",{},[50,51,52,56],"li",{},[53,54,55],"code",{},"\u002F"," — home · you are here",[50,58,59,62],{},[53,60,61],{},"\u002Fabout"," — who & why",[50,64,65,68],{},[53,66,67],{},"\u002Fwork"," — four channels, three live",[50,70,71,74],{},[53,72,73],{},"\u002Fwork\u002F:slug"," — case study",[50,76,77,80],{},[53,78,79],{},"\u002Fwriting"," — the journal",[50,82,83,86],{},[53,84,85],{},"\u002Fwriting\u002F:slug"," — one post at a time",[50,88,89,92],{},[53,90,91],{},"\u002Fnow"," — what's cooking this week",[50,94,95,98],{},[53,96,97],{},"\u002Fuses"," — the stack",[50,100,101,104],{},[53,102,103],{},"\u002Fsignal"," — say hi",[50,106,107,110],{},[53,108,109],{},"\u002F*"," — the lost channel",[30,112],{},[11,114,115],{"id":115},"receipts",[47,117,118,125,131,137,143],{},[50,119,120,124],{},[121,122,123],"strong",{},"10"," channels",[50,126,127,130],{},[121,128,129],{},"4"," breakpoints",[50,132,133,136],{},[121,134,135],{},"47"," design tokens",[50,138,139,142],{},[121,140,141],{},"12"," section files",[50,144,145,148],{},[121,146,147],{},"1"," cat",[30,150],{},[21,152,153],{},"thinking about building your own weird corner of the internet? i love talking shop. pick a channel.",{"title":155,"searchDepth":156,"depth":157,"links":158},"",2,3,[159,161,162],{"id":13,"depth":156,"text":160},"the site you're on was designed out loud — here's the transcript.",{"id":42,"depth":156,"text":42},{"id":115,"depth":156,"text":115},"behind the transmission — how this site was made. two weeks, ten channels, one ASCII cat that wouldn't sit still.","md",false,"▸ CH.09 — COLOPHON",{},true,"\u002Fpages\u002Fcolophon",[171,175,179,183,187],{"n":172,"title":173,"body":174},"01","one signal per screen","red is never decorative. if it's red, tap it.",{"n":176,"title":177,"body":178},"02","warm, not cold","dark mode that smells like coffee, not a server rack.",{"n":180,"title":181,"body":182},"03","type does the heavy lifting","four typefaces. one job each. no decoration.",{"n":184,"title":185,"body":186},"04","motion carries meaning","blink = now. pulse = live. everything else sits still.",{"n":188,"title":189,"body":190},"05","deploy everywhere","if a screen felt lonely, the cat moved in.",{"title":5,"description":163},[193,197,201,205,209,213],{"k":194,"v":195,"n":196},"FRAMEWORK","next.js 15 · app router","RSC by default, static where it fits",{"k":198,"v":199,"n":200},"STYLING","plain CSS · tokens.css","every value is a var. no Tailwind.",{"k":202,"v":203,"n":204},"CONTENT","MDX · frontmatter","writes like a notebook, ships like a site",{"k":206,"v":207,"n":208},"FONTS","Space Grotesk · Fraunces · JetBrains Mono · Caveat","display \u002F serif italic \u002F mono \u002F hand",{"k":210,"v":211,"n":212},"HOSTING","fly.io · edge · CDN images","fast enough that you don't notice",{"k":214,"v":215,"n":216},"ANALYTICS","plausible · self-hosted","no cookies, no banner, no tracking",[218,219,220],"SRC·OPEN","TOKENS·47","FRAMES·12","pages\u002Fcolophon",[223,227,231,235],{"day":224,"title":225,"body":226},"d 01–02","tuning the dial","picked the voice (broadcast, warm, honest). chose 4 fonts. drew deploy. ditched 3 directions before locking 'Cozy CRT'.",{"day":228,"title":229,"body":230},"d 03–06","channels live","hi-fi on every section: hero, about, work, case, writing, now, uses, signal, 404, footer. iterated in-browser, not in a mockup.",{"day":232,"title":233,"body":234},"d 07–10","paper mode","light theme that isn't just 'dark theme inverted'. re-tuned amber, green, shadows, scanlines so it reads like sun-bleached paper.",{"day":236,"title":237,"body":238},"d 11–14","handoff & polish","responsive specs, tokens locked, a11y audit, dev handoff notes. wrote this very page. deploy got a nap.","WgqQsHJe-y0QaTIoZhM0m6ub5TNb7LpKGmucO1W94I0",1777071042443]