Skip to main content Skip to navigation

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 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.

Extending Long Form Text

Products with intensive prose content may wish to extend long form text to suit their technical and stylistic needs.

  • Overrides should be applied to the long form text component, not to Comet's base typographic styles.
  • The most commonly considered override is the font family, swapping Droid Serif for Proxima Nova.

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

The quick brown fox jumps over the lazy dog

Navigation Menu