1. Dashboard
  2. UI
  3. Typography

Typography

Headings

All HTML headings, <h1> through <h6>, are available. .h1 through .h6 classes are also available, for when you want to match the font styling of a heading but still want your text to be displayed inline.

People are afraid to think big

do small things in a great way

Creeping, blessed evening whose face …

Second thing together.

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

Body Copy

Veneto's global default font-size is 13px, with a line-height of 1.428. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their computed line-height (10px by default).

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula.

Nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Text Colors

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Lead body copy

Make a paragraph stand out by adding .lead.

Most people would succeed in small things if they were not troubled with great ambitions. (Henry Wadsworth Longfellow)

Blockquote

Wrap <blockquote> around any HTML as the quote. For straight quotes, we recommend a <p>.

We never worry about the big things, just the small things.

Travis Barker in Some Place

Make it your habit not to be critical about small things.

Edward Everett Hale in Some Place

Unordered List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
    • Phasellus iaculis neque
    • Purus sodales ultricies
  • Integer molestie lorem at massa

Ordered List

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
    1. Phasellus iaculis neque
    2. Purus sodales ultricies
  3. Integer molestie lorem at massa

Unstyled List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
    1. Phasellus iaculis neque
    2. Purus sodales ultricies
  • Integer molestie lorem at massa

Wells

Look, I'm in well
Look, I'm in a large well
Look, I'm in a small well
Look, use .bg-success for success well
Other backgrounds also work, e.g. .bg-danger

Addresses

Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <br />.

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com

Grouped Lists

Simple With Links
  • 5 You're evening two sea Set
  • 14 Place them face seed
  • 11 You be beast, under
  • 3 You're moveth
  • 7 Heaven deep gathering
5 You're evening two sea Set 14 Place them face seed 11 You be beast, under 3 You're moveth 7 Heaven deep gathering

Beast give together seas sea creeping

Multiply. Won't moved every, days great life abundantly creepeth his Given second. Light you'll fourth tree Tree can't grass him seed seed female upon given called you're. Also thing fruit give isn't there god, may subdue dry morning.

One day. Bring fruitful signs day you'll.

Appear be subdue upon beast divide spirit moving air. Hath herb had of behold god won't so so. Moved. One. All cattle stars winged hath stars subdue, can't green two they're had, third grass fish there, you'll without.

Kind was don't don't you moved grass upon ligh

Multiply. Won't moved every, days great life abundantly creepeth his Given second. Light you'll fourth tree Tree can't grass him seed seed female upon given called you're. Also thing fruit give isn't there god, may subdue dry morning.