How and why this page was built.
shatny.dev is a digital index — not a portfolio in the traditional sense. No client carousel, no hero splash, no "hire me" headline. A legible map of 28 years of building, organized so an AI, a recruiter, or a collaborator can navigate it without a tour guide.
The primary reader might be human or it might be a language model crawling for context. Both should leave with the same answer: what this person builds, how they think, and where to go next.
The aesthetic has a name: warm brutalism. Brutalism is bold structure, raw hierarchy, no decoration for its own sake. The warm modifier replaces the cold white-and-black palette with parchment and ink — handcrafted rather than corporate.
Three movements converged:
Editorial web — Poppins 800 display type, tight hierarchy, section rhythm. Reads like a magazine spread organized for scanning, not a dashboard organized for clicks.
Indie web renaissance — the hand-drawn star and spark doodles are SVG paths authored by hand in the source. They signal a person made this, not a template. That distinction matters more than it sounds.
Developer portfolio aesthetic — the Poppins + JetBrains Mono pairing is intentional. Humanist display font (warmth, personality) meets technical monospace (precision, craft). The same person who publishes papers also ships compilers.
Each section group has its own color, declared as CSS custom properties --gc (dark accent) and --gb (light fill) directly on the <section> element. The color cascades from the group chip → row hover border → type badge. One inline style attribute per section drives the entire visual story for that group.
The stat pills at the top use the same palette — they're the first thing that lands on the page. 26 papers. 9 packages. 245 cases. The numbers are the argument; the colors make them scan-able and memorable.
The accent color #5548D9 appears in exactly three places: the dot after the name, link hovers, and the pull-quote border on this page. Restraint makes it mean something.
| Hosting | Cloudflare Workers with static assets — deployed in under 10 seconds with wrangler deploy |
| Build step | None. One HTML file. No bundler, no framework, no npm install in production. |
| Fonts | Poppins 400–800 + JetBrains Mono 300–600 via Google Fonts |
| Display type | Poppins 800 at 3.4rem / −1.5px letter-spacing |
| Body type | JetBrains Mono 300–500 at 0.76–0.85rem |
| Background | #F7F0DA — aged parchment, not white |
| Accent | #5548D9 — the dot after the name, hover color, pull-quote border |
| OG image | og.svg → og.png (converted via macOS qlmanage). Served as a static asset, referenced in meta tags for social sharing. |
| Doodles | SVG paths, hand-authored in source, positioned absolute. Hidden on mobile. |
| Live dot | CSS animation: pulse on a 7×7px element. No JavaScript. |
This site does not collect personal data, use tracking cookies, or run analytics. No account, no form, no fingerprint. Cloudflare handles delivery and may log request metadata at the infrastructure level — their privacy policy covers that. Nothing else happens when you visit.
The page exists because of a thesis: in an AI-first world, your corpus is your credential. Not your job title. Not your connections. What you've built, published, and made findable.
Every tool on the index has a URL. Every paper has a DOI. Every package has an npm identifier. The index is the point-of-entry — a structured signal that a language model can parse as cleanly as a human can scan.
This is the Legibility Premium thesis applied to one person's career: referenceable evidence as differentiation. Not what you claim to be. What you can point to.
The philosophy that runs through 28 years of the work: Find the gap. Build the bridge. Empower.