Orasund / elm-ui-widgets / Widget.Material.Typography

An implementation of the Material design typography.

It is optimized for the Roboto font

Headline

h1 : List (Element.Attribute msg)

Headline 1 for Material Design. Size: 96px

h2 : List (Element.Attribute msg)

Headline 2 for Material Design. Size: 60px

h3 : List (Element.Attribute msg)

Headline 3 for Material Design. Size: 48px

h4 : List (Element.Attribute msg)

Headline 3 for Material Design. Size: 34px

h5 : List (Element.Attribute msg)

Headline 3 for Material Design. Size: 24px

h6 : List (Element.Attribute msg)

Headline 3 for Material Design. Size: 20px

Subtitle

subtitle1 : List (Element.Attribute msg)

Variant 1 for subtitles for Material Design. Size: 16px

subtitle2 : List (Element.Attribute msg)

Variant 2 for subtitles for Material Design. Size: 14px

Body

body1 : List (Element.Attribute msg)

Variant 1 for the default font size: 16px

body2 : List (Element.Attribute msg)

Variant 2 for the default font size: 14px

Miscellaneous

button : List (Element.Attribute msg)

Font for Material Design buttons. Size: 14px

caption : List (Element.Attribute msg)

Captions for Material Design. Size: 12px

overline : List (Element.Attribute msg)

overline for Material Design. Size: 10px