Journal

Observations on craft, code, and the details that matter.

Writing about the decisions behind the work — typography, systems, performance, and the quiet discipline of building things well.

AccessibilityCase StudiesContent StrategyDesign SystemsFront-End CraftMotionPerformanceTypographyUXWeb Design

01.

CLS on Minimal Sites: The Quiet Layout Shifts Most Studios Miss

Minimal sites look stable. Under the surface, font swaps, image loads, and late-injected elements cause layout shifts that CLS catches and users feel.

PerformanceWeb Design
02.

LCP for Brand Sites: The 2026 Hero Image and Type Loading Checklist

LCP on brand sites is almost always a hero image or a heading rendered in a web font. This checklist covers both, with specific thresholds and fixes for 2026.

PerformanceTypography
03.

INP in 2026: Why Your Site Feels Janky Even When It Looks Fast

INP replaced FID for good reason. Here is how to find and fix the interactions that make portfolio sites feel sluggish, even when the initial load is fast.

PerformanceFront-End Craft
04.

Core Web Vitals for Portfolio Sites in 2026: A Pass-Fail Playbook for LCP, INP, and CLS

Most portfolio sites fail at least one Core Web Vital. Here is the 2026 playbook for passing all three without gutting your design.

PerformanceWeb Design
05.

Why Minimal Sites Still Need Structure

Stripping a site back to its essentials exposes every structural decision. Minimal design demands more architectural thinking, not less.

Web DesignTypography
06.

Accessibility for Brand Sites

Brand sites often treat accessibility as an afterthought. Building it into the design process from the start produces better experiences for everyone.

AccessibilityWeb Design
07.

SVG Logos and Asset Pipelines

Managing SVG logos across a production pipeline requires more discipline than most teams expect. The format is powerful but demands consistent handling to avoid asset sprawl.

Front-End CraftPerformance
08.

Image Weight on Portfolio Sites

Portfolio sites depend on imagery for impact, but unchecked image weight destroys the performance that makes that impact possible. Balancing the two is a core design skill.

PerformanceWeb Design
09.

Type Systems for the Modern Web

Typography on the web requires a systematic approach that balances aesthetic intention with technical constraints. Here is how to build type systems that scale.

TypographyDesign Systems
10.

Motion with Restraint

The best web animations are the ones users barely notice. Motion should guide attention, confirm actions, and smooth transitions—not perform for its own sake.

MotionFront-End Craft
11.

Design Systems for Small Studios

Design systems are not just for enterprise teams. Small studios benefit from systematic design thinking, but the system needs to fit the team's scale and workflow.

Design SystemsFront-End Craft
12.

Case Study Layouts That Convert

The layout of a case study page determines whether visitors read deeply or bounce quickly. Structure, rhythm, and hierarchy make the difference.

Case StudiesWeb Design

End of entries

More writing is on the way. In the meantime, explore our work.

View work