Start a project
Notes

Practical thoughts on design, code and motion.

A lightweight collection of principles and observations from building digital experiences for real businesses.

Design systems

Consistency is not repetition.

A system should create recognition while leaving enough room for content, rhythm and hierarchy to change.

Responsive design

Mobile is not the desktop stacked vertically.

Responsive work needs deliberate changes in emphasis, interaction and pacing rather than only narrower columns.

Motion

Animation should explain before it decorates.

The most useful motion shows relationships, confirms actions and directs attention without slowing the experience.

Development

The browser is part of the design toolset.

Testing early in real code reveals spacing, type and interaction decisions that static mockups cannot fully answer.

Content

Clarity is a visual feature.

Strong writing, structure and hierarchy often improve an interface more than another layer of visual decoration.

Client work

Fewer, clearer decisions move projects faster.

A defined direction and focused feedback process protect both the schedule and the quality of the final result.