Code for Designers

Programming as a sketching material, not as engineering.

We start in the browser because it is the fastest way from an idea to something a
stranger can open.

// A sketch is finished when it can be shown, not when it is correct.
const palette = ['#111', '#e63946', '#f1faee'];

for (const [i, colour] of palette.entries()) {
  document.body.append(
    Object.assign(document.createElement('div'), {
      style: `height:80px;background:${colour}`,
      title: `Swatch ${i + 1}`,
    }),
  );
}

A caution

Code will let you make a hundred variations. That is a trap as often as a gift —
decide what you are looking for before you generate.