Typeface

Lineto's Circular font was chosen as a reflection of the Haio brand. Perfectly balanced, contemporary and smooth. Based on simple geometry with a distinct warmth, it represents the simplicity and creativity of the company. We use three cuts: Bold, Medium and Book.

LL Circular Std

Bold

Medium

Book

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

Web usage

Pixel perfect type everytime

Web typeface

Font sizes are responsive and automatically calculated by the stylesheet.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Paragraph

Tiny

Double headings

When using the double headings, wrap the elements in a heading div and the CSS will take care of the rest:

The main title

A supporting subtitle

HTML Markup
<div class="heading">
  <h2>The main title</h2>
  <h3>A supporting subtitle</h3>
</div>

Print usage

How very traditional

H0 Title #000000 63pt

Title #000000 21pt Bold

Subtitle #838d9a 21pt Bold

Inline titles #000000 14pt

Body #000000 14pt Book, line spacing: 16.8pt