← Home
— About this site · Colophon · v1.0 · 2026

How this site was built.

A small record of the design choices, typography, and tools behind SkylerBuilds.com. Most personal sites don't bother with a colophon. I think the choices are worth showing.

The mark.

The Plumb Mark. A surveyor's tool. A weighted cord finds true vertical. Before anyone builds anything, the line gets dropped, the bob settles, and the work proceeds from a known reference. The four parts of the mark are the ring (where the cord is suspended), the cord, the true-line tick (the horizontal that marks plumb), and the teardrop bob (the weight).
— Why this

A personal mark should outlast every product you build. I wanted something that wasn't a monogram, wasn't an abstract geometric shape, and wasn't a signature. The plumb line is a real tool. It carries the values that matter to me: precision before motion, intention over impulse, working with the hands, the bias toward true.

It is also, I hope, distinctive enough that nobody else is going to show up with the same one.

— Built how

Drawn as inline SVG, ~6 paths, on a 100×200 grid. Uses currentColor so it inherits whatever color its parent has. The favicon version is on a 64×64 grid with slightly heavier strokes for legibility at 16px.

The typography.

— Newsreader · Serif · Long-form body & headlines
For the writing, where reading actually happens.
— Inter · Sans · Display, hero, structural
i build at the edges.
— IBM Plex Mono · Mono · Labels, metadata, structure
— Note 04 · Coming soon · 6 min
— Three voices

Three typefaces, each doing different work. Newsreader is the serif for any text you'd actually sit and read: note body, decks, signoffs. Inter is the workhorse sans, used at heavy weights and large sizes for the lowercase display headlines that anchor the brand. IBM Plex Mono is the structural typeface for everything that has a job to do: labels, metadata, the eyebrows that organize sections.

The combination is editorial without being precious, contemporary without being trend-chasing, and serious without being humorless.

The palette.

— Ink on stone

A near-black ink (#0a0a0a) on a warm stone gray (#f5f5f5). Slightly less harsh than pure black-on-white. The Now strip and footer invert this for visual rhythm.

— One accent

A single bright persimmon (#ff4d1f) used very sparingly, only for the eyebrow labels and the drop cap that opens each note. The accent is meant to feel like a single underline a careful editor would make, not a marketing color.

The stack.

— Built with
HTML, CSS, a small amount of vanilla JS
— Hosted on
Vercel
— Source on
GitHub (private)
— Domain
Registered through Namecheap
— Fonts via
Google Fonts — Newsreader, Inter, IBM Plex Mono
— Favicon
Inline SVG as data URI
— Lines of code
Roughly 900, all hand-typed
— Email
Forwarded through the domain registrar
— Analytics
None, for now
— Newsletter
None, for now
— Comments
Also none. The email is open.

The philosophy.

— Slow is fine

This site is meant to last. Not in the sense of "never updated" (the notes feed will grow, the projects will rotate, the Now section will refresh). But the bones (the typography, the mark, the structural ideas) should still feel right in five years. Most sites optimize for what looks current in 2026. I'd rather build something that ages gracefully.

— Quiet over loud

No popups. No newsletter prompts. No "subscribe to get my free guide." No metrics on the page to impress. No social proof bars. No testimonials. The only call to action is the email address in the footer, and that's intentional. If the work is interesting, the work is the call to action.

— Real over polished

The little imperfections are not bugs. The site is built by one person, by hand, in a code editor, on nights and weekends. It is not a Webflow template. It is not a Notion site. It is the kind of site you make when you care about every line of the markup.

A site is a small ongoing argument with the internet about how things should look and feel. This one is mine. — Skyler · Updated June 2026