Back to marchoag.com

Colophon

Simple tools, shipped fast. This site is a single-page app with no backend, no database, no auth — just a few well-chosen pieces that stay out of the way.

Architecture

Client-rendered SPA

The entire site is a single-page application rendered in the browser. Vite bundles everything into one JS + CSS payload. No server, no API, no database.

Hero
Marquee
Project Grid
Bio
Footer
Privacy
Terms
Colophon
Ships JS (React) Static HTML

Stack

Vite
Build Tool & Dev Server

Lightning-fast HMR in development, optimized production builds with zero config.

React
UI Library

Component-based rendering for the timeline, marquee, and every interactive piece of the page.

CSS Modules
Styling

Locally-scoped class names that keep styles predictable without a utility-class framework.

Google Fonts
Typography

Three typefaces loaded from Google’s CDN — fast, free, and beautifully rendered across every browser.


Infrastructure

Render
Hosting
Cloudflare
DNS
GitHub
Source

Typography

Bricolage Grotesque · Headings & Body
Builder. Lawyer. Maker.
Instrument Serif · Italic Accents
Shipping products, not slide decks.
DM Mono · Labels & Tags
status: live  •  tag: saas  •  year: 2024

Color Palette

Lime #8FCC00
Coral #FF3A00
Cobalt #1A3BFF
Yellow #D4A800
Cyan #00AACC
Magenta #CC0066
Page #F7F4EE
Ink #111111

Why This Stack

No TypeScript needed

It’s a single-page landing site. The entire data model lives in one file. Adding a type system would be overhead with zero payoff.

CSS Modules > Tailwind

Scoped styles that live next to the components they describe. No utility-class soup, no purging, no learning a second syntax for CSS.

Vibe-coded with Claude Code

This entire site was built with AI-assisted development — designed, coded, and shipped through conversation. The future of making things is collaborative.