Base Typography (Application and Mobile Website)


H1 - What Are You Training For? What Are You Training For?

H2 - What Are You Training For? What Are You Training For?

H3 - What Are You Training For? What Are You Training For?

H4 - What Are You Training For? What Are You Training For?

H5 - What Are You Training For? What Are You Training For?
H6 - What Are You Training For? What Are You Training For?

Subtitle 1
HNB - 16pt - Line-height: 1.25

Subtitle 2
HNB - 14pt - Line-height: 1.25

Caption
HNR - 12pt - Line-height: 1.25

Overline
HNB - 10pt - Line-height: 1

Button 1 - HNB - 18pt - Line-height: 1

Button 2 - HNB - 16pt - Line-height: 1

Button 3 - HNB - 14pt - Line-height: 1

Subheading 1 - HNM - 20pt - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut felis justo, feugiat sit amet enim vitae, egestas accumsan purus. Pellentesque ac accumsan justo. Etiam id convallis dui, vel tempus odio. Nunc ornare augue sagittis metus pulvinar porttitor. Sed sit amet vehicula lacus. Vestibulum molestie euismod mi, eu finibus neque vulputate quis. Nulla non arcu et augue pharetra dictum. In ultrices urna nec blandit bibendum. Proin ornare turpis non risus pulvinar, nec ullamcorper elit vehicula. Duis quis varius diam. Aliquam ut erat vel lacus molestie sagittis. Nunc a aliquam sapien.

Body 1 - 18pt - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut felis justo, feugiat sit amet enim vitae, egestas accumsan purus. Pellentesque ac accumsan justo. Etiam id convallis dui, vel tempus odio. Nunc ornare augue sagittis metus pulvinar porttitor. Sed sit amet vehicula lacus. Vestibulum molestie euismod mi, eu finibus neque vulputate quis. Nulla non arcu et augue pharetra dictum. In ultrices urna nec blandit bibendum. Proin ornare turpis non risus pulvinar, nec ullamcorper elit vehicula. Duis quis varius diam. Aliquam ut erat vel lacus molestie sagittis. Nunc a aliquam sapien.

Body 2 - 16pt - Aenean rutrum rutrum metus posuere euismod. Ut volutpat mauris vitae accumsan tempor. Ut leo massa, gravida nec risus eget, sagittis rutrum arcu. Donec ut ipsum eleifend elit iaculis pretium. Duis tortor sapien, pellentesque in ornare sit amet, consectetur ac leo. Donec ultrices euismod iaculis. Nulla facilisis risus leo, eu vestibulum turpis condimentum vel. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vel pellentesque elit. Proin eu ante augue. Aliquam maximus dictum mauris in dapibus. Quisque vehicula turpis non fermentum scelerisque. Etiam vel posuere quam, quis rutrum neque. Donec finibus dui sit amet velit tempor pellentesque. Proin gravida diam sit amet consequat auctor. Suspendisse bibendum, urna a pulvinar feugiat, lorem mauris vehicula metus, a aliquam est risus sed leo.

Body 3 - 14pt - Fusce libero purus, interdum quis congue vel, scelerisque nec augue. Proin lobortis dui a finibus suscipit. Duis aliquam dictum tortor, at venenatis risus eleifend eu. Nunc congue rutrum eros. Aenean ipsum risus, ullamcorper ac arcu nec, auctor facilisis felis. In hac habitasse platea dictumst. Sed fermentum neque sed diam ullamcorper venenatis. Praesent fermentum pellentesque orci, gravida congue turpis venenatis id.


Responsive Typographic Scale (Marketing Website)


What Are You Training For?
Be Race Day Ready.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut felis justo, feugiat sit amet enim vitae, egestas accumsan purus. Pellentesque ac accumsan justo. Etiam id convallis dui, vel tempus odio. Nunc ornare augue sagittis metus pulvinar porttitor. Sed sit amet vehicula lacus. Vestibulum molestie euismod mi, eu finibus neque vulputate quis. Nulla non arcu et augue pharetra dictum. In ultrices urna nec blandit bibendum. Proin ornare turpis non risus pulvinar, nec ullamcorper elit vehicula. Duis quis varius diam. Aliquam ut erat vel lacus molestie sagittis. Nunc a aliquam sapien.

This is an H2 What Are You Training For? Be Race Day Ready.

Fusce libero purus, interdum quis congue vel, scelerisque nec augue. Proin lobortis dui a finibus suscipit. Duis aliquam dictum tortor, at venenatis risus eleifend eu. Nunc congue rutrum eros. Aenean ipsum risus, ullamcorper ac arcu nec, auctor facilisis felis. In hac habitasse platea dictumst. Sed fermentum neque sed diam ullamcorper venenatis. Praesent fermentum pellentesque orci, gravida congue turpis venenatis id.

Praesent eget volutpat ex. Donec non odio mauris. Integer molestie justo vitae fringilla placerat. Maecenas lobortis mauris suscipit massa fringilla, sit amet mollis metus eleifend. Aenean blandit augue eget metus feugiat, ac finibus diam pretium. Nunc id congue sem. Suspendisse interdum pulvinar porta. Proin molestie mi ut dui ultrices accumsan. Nam nunc quam, iaculis quis enim ut, scelerisque varius ligula. Vivamus neque dui, blandit ut iaculis ac, commodo vitae magna. Aenean pulvinar leo libero, non pharetra diam condimentum ac. Nulla accumsan mollis suscipit.

This is an H3 What Are You Training For? Be Race Day Ready.

Donec tempus tempus luctus. Curabitur mollis imperdiet purus nec tincidunt. Quisque sit amet mollis nibh. Proin dictum erat nisl, id sodales massa rhoncus eu. Donec sed magna sit amet velit congue vulputate. Donec non felis egestas orci tincidunt lobortis. Donec id viverra nisi. Nam finibus sagittis nisl, egestas viverra diam sagittis ut. Nam eget velit at magna auctor tincidunt et sollicitudin tortor. Aenean posuere augue vitae augue imperdiet, vel volutpat nulla condimentum. Cras elit ligula, pulvinar vel porttitor placerat, varius in neque. Integer ultrices orci elementum, volutpat diam ut, rhoncus eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec rhoncus enim at dictum efficitur. Donec facilisis eros et mi molestie, at blandit nunc blandit.

This is an H4 What Are You Training For? Be Race Day Ready.

Praesent eget volutpat ex. Donec non odio mauris. Integer molestie justo vitae fringilla placerat. Maecenas lobortis mauris suscipit massa fringilla, sit amet mollis metus eleifend. Aenean blandit augue eget metus feugiat, ac finibus diam pretium. Nunc id congue sem. Suspendisse interdum pulvinar porta. Proin molestie mi ut dui ultrices accumsan. Nam nunc quam, iaculis quis enim ut, scelerisque varius ligula. Vivamus neque dui, blandit ut iaculis ac, commodo vitae magna. Aenean pulvinar leo libero, non pharetra diam condimentum ac. Nulla accumsan mollis suscipit.

This is an H5 What Are You Training For? Be Race Day Ready.

Aenean rutrum rutrum metus posuere euismod. Ut volutpat mauris vitae accumsan tempor. Ut leo massa, gravida nec risus eget, sagittis rutrum arcu. Donec ut ipsum eleifend elit iaculis pretium. Duis tortor sapien, pellentesque in ornare sit amet, consectetur ac leo. Donec ultrices euismod iaculis. Nulla facilisis risus leo, eu vestibulum turpis condimentum vel. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vel pellentesque elit. Proin eu ante augue. Aliquam maximus dictum mauris in dapibus. Quisque vehicula turpis non fermentum scelerisque. Etiam vel posuere quam, quis rutrum neque. Donec finibus dui sit amet velit tempor pellentesque. Proin gravida diam sit amet consequat auctor. Suspendisse bibendum, urna a pulvinar feugiat, lorem mauris vehicula metus, a aliquam est risus sed leo.

This is an H6 What Are You Training For? Be Race Day Ready.

Donec tempus tempus luctus. Curabitur mollis imperdiet purus nec tincidunt. Quisque sit amet mollis nibh. Proin dictum erat nisl, id sodales massa rhoncus eu. Donec sed magna sit amet velit congue vulputate. Donec non felis egestas orci tincidunt lobortis. Donec id viverra nisi. Nam finibus sagittis nisl, egestas viverra diam sagittis ut. Nam eget velit at magna auctor tincidunt et sollicitudin tortor. Aenean posuere augue vitae augue imperdiet, vel volutpat nulla condimentum. Cras elit ligula, pulvinar vel porttitor placerat, varius in neque. Integer ultrices orci elementum, volutpat diam ut, rhoncus eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec rhoncus enim at dictum efficitur. Donec facilisis eros et mi molestie, at blandit nunc blandit.

Fusce libero purus, interdum quis congue vel, scelerisque nec augue. Proin lobortis dui a finibus suscipit. Duis aliquam dictum tortor, at venenatis risus eleifend eu. Nunc congue rutrum eros. Aenean ipsum risus, ullamcorper ac arcu nec, auctor facilisis felis. In hac habitasse platea dictumst. Sed fermentum neque sed diam ullamcorper venenatis. Praesent fermentum pellentesque orci, gravida congue turpis venenatis id.

Fusce libero purus, interdum quis congue vel, scelerisque nec augue. Proin lobortis dui a finibus suscipit. Duis aliquam dictum tortor, at venenatis risus eleifend eu. Nunc congue rutrum eros. Aenean ipsum risus, ullamcorper ac arcu nec, auctor facilisis felis. In hac habitasse platea dictumst. Sed fermentum neque sed diam ullamcorper venenatis. Praesent fermentum pellentesque orci, gravida congue turpis venenatis id.