m0lz.dev — Monochrome developer blog & portfolio
m0lz.dev
Static-only blog and portfolio site. Austere black/white design with a generative branch mark identity system. Content published by the m0lz.01 blog agent via MDX commits — this repo renders, it doesn't generate.
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router, output: 'export') |
| Styling | Tailwind CSS 4, 4 monochrome color tokens |
| Content | MDX via @mdx-js/mdx, rehype-pretty-code (Shiki) |
| Fonts | Geist Sans (400, 500) |
| Testing | Vitest — 162 regression tests |
| Deploy | Vercel (static) |
npm install
npm run dev # Start dev server on localhost:3000
npm run build # Static export to out/
npm run test # Run 162 regression tests
npm run lint # ESLint
npm run format # Prettierapp/ Next.js App Router pages
├── layout.tsx Root layout, fonts, theme
├── page.tsx Landing page
├── writing/ Blog posts (index + [slug])
├── projects/ Project cards grid
├── research/ Research index
├── about/ Bio, experience, contact
├── feed.xml/ RSS 2.0 feed
└── opengraph-image.tsx OG image generation
components/ Shared React components
content/posts/ MDX blog posts (committed by blog agent)
lib/ Utilities (MDX pipeline, posts, OG images)
data/ Project card data
__tests__/regression/ Cumulative regression suite
Four colors. Two font weights. No exceptions.
--foreground #000 / #fff
--background #fff / #000
--muted #737373 / #a3a3a3
--border #e5e5e5 / #262626
Dark mode is the default. Theme toggle swaps foreground and background — that's the entire theme system.
m0lz.00 uses the personal variant — two vertical trunks with one left branch and one right branch. Each project in the m0lz catalog has a unique branch pattern:
| Catalog ID | Variant | Pattern |
|---|---|---|
| m0lz.00 | personal |
╠═ left branch, ═╣ right branch |
| m0lz.01 | blog-agent |
╠═ left branch, ═╣═╣ two right branches |
| m0lz.02 | pice |
╠═╠═ two left branches, ═╣ right branch |
| m0lz.03 | mcp-guard |
╠═ centered left, ═╣ centered right |
This is m0lz.00 — the foundation site. Part of the m0lz project catalog:
- m0lz.00 — This site (m0lz.dev)
- m0lz.01 — automated content publishing
- m0lz.02 — AI coding workflow orchestrator
- m0lz.03 — MCP security proxy daemon
MIT