Long Form Text

Long form text is used for columns of copy meant for reading, such as a Techbook concept, a press release, article, or other descriptive material.

Building on Comet's typographic base, long form text applies vertical spacing to optimize readability and scanability of long blocks of prose.

Using Long Form Text

To use the long form text component, enclose simple HTML tags – <p>, <h2>, <li>, etc – within a enclosing block with class="comet-long-form-text". Avoid including other Comet components within the same context, instead starting and stopping each block to include just the long form text.

Type Samples

The colors in the table below are used to highlight line-height and margins.

The quick brown fox

The quick brown fox jumps

The quick brown fox jumps

The quick brown fox jumps

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

  • The quick brown fox
  • jumps over
  • the lazy dog