Home · Builds · This site

Build

A thousand dots, no build step.

One HTML file, a canvas that pushes dots away from the cursor, and a deploy command. The pointillism theme is the thesis: up close it is dots, step back and it is a business.

StatusLive since Jul 2026
StackHTML, CSS, vanilla JavaScript, Cloudflare Pages, Cloudflare DNS and Email Routing
Repopublic/
Deploywrangler pages deploy public

Video · 20 sec The dot field reacting to the cursor

Placeholder Screen capture of the hero on a large display, cursor sweeping through the dots. Loops. Used as the site's own social preview clip.

Decisions

No framework and no bundler. The index page opens from disk and looks identical in production.
Pure grayscale. Hierarchy comes from type, spacing, and dot density, not color.
Dots respect prefers-reduced-motion and the dark theme redraws from the same CSS variables.
Sub-pages share two small stylesheets and a twelve-line script. Media placeholders are one component reused everywhere.

The three type families, the seven gray swatches with hex values, and a dot density ramp. — A specimen sheet of the three families with the CSS variable names beside each. Also as a square.

What it taught me

Constraints produce a look. Removing color forced every other decision to carry weight, and the result reads as deliberate instead of templated.

Write to me

I built this for a household. Imagine it pointed at your company.

Fractional CTO and CFO engagements start with a short call. No deck required, no pitch either. Bring the number you do not trust.

Tell me what is stuck