Tüpograafia

Tallinna linna ametlikuks kirjafondiks on Lab Grotesque. Arendustööde tegemiseks vajalikku litsentsi saab osta siit.

Lab Grotesque on lihtne, sõbraliku ilmega, hästi loetav ning sisaldab ladina ja kreeka tähestikku ning kirillitsat. Kirjatüübi autor on rootsi tüpograaf Göran Söderström.

Kasutatakse nelja raskust: tavakiri (Regular), kaldkiri (Italic), paks kiri (Bold) ja paks kaldkiri (Bold Italic). Fondifailide kasutust koordineerib Tallinna Linnakantselei teabeosakond.

Kui Tallinna kirjatüübi kasutamine ei ole põhjendatud või võimalik (dokumendid, e-kirjad, välistele partneritele jagatavad esitlused jm), asendatakse see süsteemifondiga Arial.

Kirjatüüp ja variatsioonid

Preview 
<div class="row">
    <div class="col">
        <p class="type-h2">Lab Grotesque Regular</p>
        <p>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</p>
    </div>
    <div class="col">
        <p class="type-h2"><i>Lab Grotesque Italic</i></p>
        <p><i>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</i></p>
    </div>
    <div class="col">
        <p class="type-h2">
            <b>Lab Grotesque Bold</b>
        </p>
        <p>
            <b>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</b>
        </p>
    </div>
</div>
 
/* No context defined for this component. */

Pealkirjad

Preview 
<div style="padding-bottom: 1px">
    <p>Pealkiri H1, suurus 63px, Lab Grotesque Regular, Reavahe 75px</p>
    <h1>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</h1>
    <br>
    <p>Pealkiri H2, suurus 33px, Lab Grotesque Regular, Reavahe 40px</p>
    <h2>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</h2>
    <br>
    <p>Pealkiri H3, suurus 24px, Lab Grotesque Regular, Reavahe 35px</p>
    <h3>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</h3>
    <br>
    <p>Pealkiri H4, suurus 20px, Lab Grotesque Regular, Reavahe 35px</p>
    <h4>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</h4>

    <p>Pealkiri H5, suurus 14px, Lab Grotesque Regular, Reavahe 25px</p>
    <h5>Tallinn, Estonia’s capital on the Baltic Sea, is the country’s cultural hub.</h5>
</div>
 
/* No context defined for this component. */

Sissejuhatused

Preview 
<div class="row">
    <div class="col-md-6 col-lg-4">
        <p class="text-lead">
            Sissejuhatused Lab Grotesque Bold 18px, reakõvahe 34px. Sissejuhatused on lehte või artiklit kokkuvõtvad tekstid. Pikkus ei tohiks ületada paari rida. Cras justo odio, dapibus.
        </p>
    </div>
</div>
 
/* No context defined for this component. */

Sisutekst

Preview 
<div class="row">
    <div class="col-md-6 col-lg-4">
        <p>Sisuteksti vaikimisi suurus on 18px, reakõrgus on 25px. Optimaalne rea pikkus jääb 55 ja 75 tähemärgi vahele. Rea pikkust tuleks jälgida just pikkade, mitme lõiguliste tekstide (N: uudised, blogi postitused, vms ) vormindamisel.</p>

        <p>Siit algab näidistekst. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
            willum lunombro dolore eu feugiat nulla facilisis at vero eros. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exercitation
            ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
    </div>
</div>
 
/* No context defined for this component. */