<h1 class="atm-heading ">Hind</h1>
<div class='mb-4'>
<div class='atm-paragraph '>Hind is an Open Source typeface supporting the Devanagari and Latin scripts. Developed explicitly for use in User Interface design, the Hind font family includes five styles. Hind’s letterforms have a humanist-style construction, which is paired with seemingly monolinear strokes. Most of these strokes have flat endings: they either terminate with a horizontal or a vertical shear, rather than on a diagonal. This helps create clear-cut counter forms between the characters. In addition to this, Hind’s letterforms feature open apertures. The entire typeface family feels very legible when used to set text.</div>
</div>
{{render '@app-heading' heading merge=true}}
<div class='mb-4'>{{render '@app-paragraph' paragraph merge=true}}</div>
{
"heading": {
"tag": "h1",
"text": "Hind"
},
"paragraph": {
"text": "Hind is an Open Source typeface supporting the Devanagari and Latin scripts. Developed explicitly for use in User Interface design, the Hind font family includes five styles. Hind’s letterforms have a humanist-style construction, which is paired with seemingly monolinear strokes. Most of these strokes have flat endings: they either terminate with a horizontal or a vertical shear, rather than on a diagonal. This helps create clear-cut counter forms between the characters. In addition to this, Hind’s letterforms feature open apertures. The entire typeface family feels very legible when used to set text."
},
"link": {
"href": "https://fonts.google.com/specimen/Hind",
"title": "https://fonts.google.com/specimen/Hind",
"text": "https://fonts.google.com/specimen/Hind"
}
}
html
{
/* To force 8px grid */
@apply text-root flex;
}
body
{
@apply w-full text-md bg-white;
&.add-padding
{
@screen lg
{
padding-top: 180px;
}
}
}
No notes defined.