09
STRUCTURE FOR HUMAN EDITING

Expose the Things You Expect to Change

If you expect to tweak it, make it obvious.

:root {
  --background: #f5f0e8;
  --font-heading: "Bree Serif";
  --card-gap: 24px;
}
const CONFIG = {
  defaultSort: "order",
  showDrafts: false,
  animationSpeed: 0.7
};
This applies to
coloursfontsspacingbreakpointsdisplay limitsanimation valuespathsbehaviour switches
CORE PRINCIPLE
Frequently adjusted values should be configuration, not buried implementation.