Introduction | TrueUI

Atoms | Typography

Blockquotes

Guidance

Typographic alignment is important when considering readability of text. Flush left or ragged right text is more natural to read and reduces coginitive load on the person reading the text.

Example

So when its time to finally get your children that very first telescope, you want to make sure it’s just the right thing. There are a number of reasons you should put some serious thought into just what this beginner telescope should look like. Perhaps this will be your children’s first experience with a real telescope. They may have a healthy and thriving love of astronomy from your family trips to the country to watch a meteor shower or just to gaze at the stars. And you may have piqued their interest showing them how to enhance the experience with binoculars or even letting them play with your telescope.

HTML

<blockquote>
  <p class="lh-copy i">
    So when its time to finally get your children that very first 
    telescope, you want to make sure it’s just the right thing. There 
    are a number of reasons you should put some serious thought into 
    just what this beginner telescope should look like. Perhaps this 
    will be your children’s first experience with a real telescope. 
    They may have a healthy and thriving love of astronomy from your 
    family trips to the country to watch a meteor shower or just to gaze 
    at the stars. And you may have piqued their interest showing them 
    how to enhance the experience with binoculars or even letting them 
    play with your telescope.
  </p>
</blockquote>