Headlines

By Ken Hawkins

writing Requires EBI Visual Framework 1.1.0, 1.2.0

How big your typography should be.

Contribute a pattern

Have a great way of doing something, add it to the Style Lab. Here's how


Implementation code

Get a zip with all the sample HTML and any spaecial CSS or JS needed: Download a ZIP file More on how to use this

HTML
<div class="callout ebi-background">
  <h1>H1: HTML Heading 1</h1>
  <p class="white-color">Reserved for use in the local header. 3rem, 36pt.</p>
</div>

<h2>H2: HTML Heading 2</h2>
<p>Use sparingly. Generally a max of one per URL, as the page title. 2.5rem, 30pt.</p>

<h3>H3: HTML Heading 3</h3>
<p>The standard section heading. 2rem, 24pt.</p>

<h4>H4: HTML Heading 4</h4>
<p>Use a sub heading. 1.5 rem, 18pt.</p>

<h5>H5: HTML Heading 5</h5>
<p>Sample paragraph. 1.25 rem, 15pt.</p>

<h6>H6: HTML Heading 6</h6>
<p>Sample paragraph. 1rem, 12pt.</p>



JS