ECIU logo
To main site

Typography

Desktop / Tablet / Mobile
Current screen: mobile
headline1
font-size: 72 / 50 / 40 px
line-height: 96 / 68 / 52 px
font-weight: bold
headline2
font-size: 50 / 40 / 40 px
line-height: 68 / 52 / 44 px
font-weight: 300
headline3
font-size: 30 / 26 px
line-height: 40 / 36 px
font-weight: bold
headline4
font-size: 24 px
line-height: 32 px
font-weight: normal
headline5
font-size: 20 px
line-height: 28 px
font-weight: bold
subtitle1
font-size: 18 px
line-height: 24 px
font-weight: 600
subtitle2
font-size: 16 px
line-height: 20 px
font-weight: 600
body2
font-size: 16 px
line-height: 20 px
font-weight: normal
body2
font-size: 16 px
line-height: 20 px
font-weight: normal
button
font-size: 16 px
line-height: 24 px
font-weight: bold
text-transformuppercase
caption
font-size: 12 px
line-height: 16 px
font-weight: normal
overline
font-size: 10 px
line-height: 16 px
font-weight: normal
text-transformuppercase

Lorem, ipsum. (headline 1)

Body1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet temporibus, illum voluptas distinctio voluptate numquam modi suscipit sed libero nesciunt placeat? Laudantium, expedita aperiam. Minus incidunt nesciunt officiis nemo sed tempora voluptate quisquam sint molestias ex, voluptates corrupti placeat maxime est similique! Dicta ipsa laudantium fuga doloremque consequatur officia assumenda aspernatur dolor quasi, qui non! Ipsum, ex blanditiis. Corporis recusandae id fugit totam sit repudiandae dicta, sint fugiat consequuntur, iste minus neque ea porro quidem quis vitae maiores. Numquam veniam iste rerum necessitatibus nobis adipisci deserunt quaerat hic, consequuntur est odio saepe. Nemo exercitationem, maiores velit sint quidem consequatur at!

Body1 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Animi odit est iusto minus sapiente fugit nisi, suscipit quae laborum deleniti sit consectetur doloremque, iure veniam laboriosam error. Repellendus, perspiciatis. Quisquam.

Lorem, ipsum dolor. (headline 2)

Body2Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rerum iusto aliquid repudiandae vel. Inventore, ab blanditiis voluptatum excepturi rem perspiciatis, soluta natus sequi culpa similique tenetur distinctio ad architecto neque atque eveniet quas quasi quae laborum rerum eum nam sint! Minima, dolorem quae? Hic repudiandae fugiat illo fuga eaque culpa.

Lorem ipsum dolor sit. (headline 3)

Body1 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Culpa pariatur, saepe dignissimos consectetur autem in numquam odit nam atque accusamus?

Lorem ipsum dolor sit. (headline 3)

Body2 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Culpa pariatur, saepe dignissimos consectetur autem in numquam odit nam atque accusamus?

Lorem, ipsum. (headline 1)

Body1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet temporibus, illum voluptas distinctio voluptate numquam modi suscipit sed libero nesciunt placeat? Laudantium, expedita aperiam. Minus incidunt nesciunt officiis nemo sed tempora voluptate quisquam sint molestias ex, voluptates corrupti placeat maxime est similique! Dicta ipsa laudantium fuga doloremque consequatur officia assumenda aspernatur dolor quasi, qui non! Ipsum, ex blanditiis. Corporis recusandae id fugit totam sit repudiandae dicta, sint fugiat consequuntur, iste minus neque ea porro quidem quis vitae maiores. Numquam veniam iste rerum necessitatibus nobis adipisci deserunt quaerat hic, consequuntur est odio saepe. Nemo exercitationem, maiores velit sint quidem consequatur at!

Body1 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Animi odit est iusto minus sapiente fugit nisi, suscipit quae laborum deleniti sit consectetur doloremque, iure veniam laboriosam error. Repellendus, perspiciatis. Quisquam.

Lorem, ipsum dolor. (headline 2)

Body2Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rerum iusto aliquid repudiandae vel. Inventore, ab blanditiis voluptatum excepturi rem perspiciatis, soluta natus sequi culpa similique tenetur distinctio ad architecto neque atque eveniet quas quasi quae laborum rerum eum nam sint! Minima, dolorem quae? Hic repudiandae fugiat illo fuga eaque culpa.

Lorem ipsum dolor sit. (headline 3)

Body1 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Culpa pariatur, saepe dignissimos consectetur autem in numquam odit nam atque accusamus?

Lorem ipsum dolor sit. (headline 3)

Body2 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Culpa pariatur, saepe dignissimos consectetur autem in numquam odit nam atque accusamus?