Typography
Typeface
Gilroy is a versatile sans-serif typeface that has gained popularity in recent years due to its clean, modern, and geometric design. Its wide range of weights and styles, from light to black and condensed to expanded, provides designers with ample flexibility to create visually interesting and harmonious designs. In addition, Gilroy's legibility and clarity make it a great choice for web interface design, where readability is key. Its clean and modern look is also well-suited for creating a sleek and professional aesthetic that can help enhance a website's overall user experience.
Scale
In typography, scale refers to the relative size and weight of different text elements in a design. With Gilroy font, we can take advantage of its various weights and sizes to create a visually appealing and balanced layout. By using the scale effectively, we can guide the reader's eye and draw attention to important content.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Subtitle 1
Subtitle 2
Subtitle 3
Body 1
Body 2
Body 3
Button 1
Button 2
Button 3
Specs
Having a consistent and cohesive typography system is crucial for creating a polished and professional look. At BIMLOGIQ, we recognize the importance of typography and have created a comprehensive typography specification in our style guide.
This specification includes guidelines for font families, (responsive) sizes, line-heights, weights, and styles to be used in different areas of the website. By adhering to these specifications, we ensure a consistent look and feel across all of our web pages.
Style
H1
H2
H3
H4
H5
H6
Subtitle 1
Subtitle 2
Subtitle 3
Body 1
Body 2
Body 3
Button 1
Button 2
Button 3
rem
6
4
3
2
1.5
1.25
1.25
1
0.875
1.25
1
0.875
1.5
1.25
1
px-L/LH
96/128
64/80
44/56
32/40
24/32
20/24
20/32
16/24
14/20
20/40
16/32
14/28
24/24
20/20
16/20
px-M/LH
64/80
48/64
32/40
24/32
20/24
16/20
18/28
16/24
14/20
16/32
16/32
14/28
24
20
16
px-S/LH
48/64
32/40
24/32
20/24
16/20
14/20
18/28
16/24
14/20
14/28
16/32
14/28
24
20
16
Weight
Heavy
Heavy
Heavy
Extra Bold
Extra Bold
Extra Bold
Bold
Bold
Bold
Regular
Regular
Regular
Medium
Medium
Medium