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