Section header in use
Four sections in a row, filler text throughout. The point is the rhythm between them, not the words.
The full form of the header
Filler paragraph standing in for a real argument. It runs to about the length a section opener would, so the measure can be judged rather than imagined, and stops before it becomes a wall.
Second filler block, deliberately a different length from the first, because sections in the wild are never the same size and a rhythm that only works on equal blocks is not a rhythm.
Filler paragraph standing in for a real argument. It runs to about the length a section opener would, so the measure can be judged rather than imagined, and stops before it becomes a wall.
The same three parts on tint
Second filler block, deliberately a different length from the first, because sections in the wild are never the same size and a rhythm that only works on equal blocks is not a rhythm.
Filler card 1
Short filler line.
Filler card 2
Second filler block, deliberately a different length from the first, because sections in the wild are never the same size and a rhythm that only works on equal blocks is not a rhythm.
Filler card 3
Short filler line.
Short form: no eyebrow, no lead
Filler value
Another value
One more value
A long section, split by subsection headers
Filler paragraph standing in for a real argument. It runs to about the length a section opener would, so the measure can be judged rather than imagined, and stops before it becomes a wall.
First part of the argument
Second filler block, deliberately a different length from the first, because sections in the wild are never the same size and a rhythm that only works on equal blocks is not a rhythm.
Filler paragraph standing in for a real argument. It runs to about the length a section opener would, so the measure can be judged rather than imagined, and stops before it becomes a wall.
Second part, no marker this time
Short filler line.
Second filler block, deliberately a different length from the first, because sections in the wild are never the same size and a rhythm that only works on equal blocks is not a rhythm.
The same header, dark
Filler paragraph standing in for a real argument. It runs to about the length a section opener would, so the measure can be judged rather than imagined, and stops before it becomes a wall.
What the live site does instead
Below is the same content opened the way pages on genexplain.com open today: whatever heading was to hand. Counted across the block markup of 194 live pages: 35 different heading colours. The most used one is #9ba0a6, 222 times, and it measures 2.63:1 — it fails contrast.
A bare H2 with nothing above it
Filler paragraph standing in for a real argument. It runs to about the length a section opener would, so the measure can be judged rather than imagined, and stops before it becomes a wall.
Another one — this is #9ba0a6, the site’s most used heading colour
Second filler block, deliberately a different length from the first, because sections in the wild are never the same size and a rhythm that only works on equal blocks is not a rhythm.