Difference between revisions of "Visual Hierarchy Test"

From Book Owners Online
(Some tweaks)
(Shortened lipsum)
Line 4: Line 4:
  
 
The hierarchy of headings is shown below.  
 
The hierarchy of headings is shown below.  
 
  
 
=Heading 1=
 
=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. Donec placerat elit vel felis sagittis interdum. In porta mollis pulvinar.  
+
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==
 
==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. Aenean consectetur tortor lacus, ac hendrerit neque semper a.  
+
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===
 
===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. Nulla eget nunc vel turpis euismod dignissim.  
+
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====
 
====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. Nullam non tortor nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec cursus nulla nibh, ac ultrices dui bibendum in.
+
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.

Revision as of 03:28, 13 February 2020

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.