PicadabraPicadabraa1d

Layout Selection

Layout Selection

Choose layout from the information pattern, not from what sounds visually cool.

Quick Mapping

Information patternLayout
two states in contrastbinary-comparison
steps over timelinear-progression
problem to solutionbridge
filtering or conversionfunnel
dense guide with many modulesdense-modules
visible vs hiddeniceberg

Density Rule

  • 1-2 big ideas -> avoid dense-modules
  • 3-5 steps or phases -> linear-progression
  • 2 sides with mirrored logic -> binary-comparison
  • 6-7 compact information blocks -> dense-modules

Escalation Rule

If the content feels crowded inside a simple layout:

  1. reduce the content
  2. or switch to a denser layout

Do not keep stuffing more text into the wrong structure.

Practical Advice

Open the relevant layout reference when:

  • the content is complex enough to justify a real page architecture
  • the first draft keeps collapsing into clutter
  • you need to explain why one layout is better than another