Visual Hierarchy Test

In CELL’s custom version of the Chameleon skin, headings are styled from H1 down to H4. The styling observes a visual hierarchy in which the visual salience of the heading elements decreases with increasing depth of nesting.

In line with 17th century usage, no boldface is used, as boldface had not been invented yet in that period.

The hierarchy of headings is shown below.

Heading 1

Integer vitae lacus tincidunt erat lacinia aliquam sed sit amet quam. Suspendisse in gravida justo, a tristique enim. Cras mi purus, porta eu nulla quis, venenatis bibendum leo.

Heading 2

Pellentesque tempus in leo nec efficitur. Suspendisse rutrum nibh id velit egestas, bibendum scelerisque mauris ullamcorper. Sed dolor ipsum, interdum sit amet mauris sed, viverra luctus justo.

Heading 3

Maecenas sit amet ultrices sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer tempus lacus eu massa laoreet consectetur.

Heading 4

Mauris sit amet risus diam. Aliquam consectetur blandit turpis quis laoreet. In hac habitasse platea dictumst. Vivamus hendrerit scelerisque leo a rhoncus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

William Dugdale: etching by Wenceslaus Hollar, 1656 (detail)

Proin imperdiet vehicula tortor vel auctor. Morbi vehicula purus et orci porttitor fermentum. Mauris vel malesuada est, a finibus dui. Nulla at pretium leo. Aliquam tempor diam sed felis condimentum, quis faucibus nulla efficitur. Nulla gravida, velit quis eleifend laoreet, tellus mi maximus ante, non ultricies orci sem nec dui. In venenatis, odio et pretium pellentesque, neque augue iaculis erat, et finibus ex odio sed ipsum. In pharetra sodales sapien vel sodales:

In vitae justo sit amet nunc bibendum commodo non quis tortor. Integer eget erat orci. Mauris posuere libero sed est imperdiet, sit amet sodales justo sagittis. Cras vulputate ligula elit. Quisque finibus tempus accumsan. Mauris ut tortor ultrices, consequat mi ac, pharetra nunc. Aenean non nunc sed ipsum auctor faucibus. Integer suscipit purus sit amet velit sodales ullamcorper. Cras vitae congue purus. Nam mattis, erat a condimentum rutrum, lorem est maximus ipsum, vitae consequat magna sapien sit amet magna. Mauris vitae mollis erat. Vestibulum ac interdum leo.

Nullam quis est vel elit semper iaculis nec vitae enim. Nunc rutrum et tellus eu elementum. Sed ut sapien eu lorem ultricies luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vestibulum posuere elit vitae consectetur. Phasellus eget sapien semper, aliquam ante ac, tincidunt ligula. Pellentesque elementum ligula nunc, vitae semper leo varius ac.