Give a team forty patterns and they will build the same page forty times: hero, three cards, testimonial, call to action. Leitvia describes every pattern in a contract file by tone, layout and density, and adds rules for the order of sections. The sample pages of this demo follow them, and a test checks each page.
Three rules that do most of the work
- Two neighbouring sections never share both tone and layout.
- Within every three sections, one breaks the pace: an image, a dark or accent band, or a full-width layout.
- No more than two sections of the same density follow each other.
Compare Work, Services and About: same patterns, three different rhythms.