Typography

These sizes and styles were developed to balance content density and reading comfort under typical usage conditions.


Display One

Bold 112px

H1

Bold 56px

H2

Bold 45px

H3

Bold 34px

H4

Bold 24px

H5

Bold 20px

H6

Bold 16px

Sub-head 1

Bold 12px

Sub-head 2

Regular 11px

Body 1

Regular 16px

Body 2

Bold 16px

Body 3

Regular 14px

AI Principles

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Deep Learning

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

If you are looking for how to export and serve your models at scale with AI Serving. This talk is the best practices and lessons to learn from.

Buttons

Buttons communicate the action that will occur when the user touches them.


Default Buttons

Button       Button       Button
Button       Button       Button

Round Buttons

Button       Button       Button
Button       Button       Button

Circle Buttons

               
               

Tabs

Tabs make it easy to explore and switch between different views.