Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis id turpis in congue. Quisque vulputate hendrerit euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis id turpis in congue. Quisque vulputate hendrerit euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Typography

Component Tag

Text style

Light theme

H1

Headline One

  • font-size

    50

  • line-height

    62

  • font-weight

    600 - Semibold

  • typeface

    Sanomat

H2

Headline Two

  • font-size

    42

  • line-height

    47

  • font-weight

    600 - Semibold

  • typeface

    Sanomat

H3

Headline Three

  • font-size

    32

  • line-height

    37

  • font-weight

    700 - Semibold

  • typeface

    Neue Hass Grotesk Display Pro

H4

Headline Four

  • font-size

    28

  • line-height

    33

  • font-weight

    700 - Semibold

  • typeface

    Neue Hass Grotesk Display Pro

H5

Headline Five

  • font-size

    24

  • line-height

    32

  • font-weight

    500 - Medium

  • typeface

    Neue Hass Grotesk Display Pro

H5Lite

Headline Five Lite

  • font-size

    24

  • line-height

    32

  • font-weight

    400 - Roman

  • typeface

    Neue Hass Grotesk Display Pro

H6

Headline Six

  • font-size

    20

  • line-height

    25

  • font-weight

    500 - Medium

  • typeface

    Neue Hass Grotesk Display Pro

BodyText

Body paragrapch

  • font-size

    18

  • line-height

    32

  • font-weight

    400 - Roman

  • typeface

    Neue Hass Grotesk Display Pro

BodyTextMedium

Body medium

  • font-size

    22

  • line-height

    40

  • font-weight

    400 - Roman

  • typeface

    Neue Hass Grotesk Display Pro

BodyTextLarge

Body large

  • font-size

    42

  • line-height

    58

  • font-weight

    300 - Light

  • typeface

    Neue Hass Grotesk Display Pro

BodyTextBold

Body paragraph bold

  • font-size

    18

  • line-height

    28

  • font-weight

    700 - Bold

  • typeface

    Neue Hass Grotesk Display Pro

MicrocopyText

Microcopy

  • font-size

    14

  • line-height

    19

  • font-weight

    400 - Roman

  • typeface

    Neue Hass Grotesk Display Pro

QuoteText

Quote paragraph

  • font-size

    24

  • line-height

    36

  • font-weight

    400 - Roman

  • typeface

    Neue Hass Grotesk Display Pro

StatText

Statistic

  • font-size

    68

  • line-height

    78

  • font-weight

    600 - Semibold

  • typeface

    Sanomat

SubNavTitle

Sub nav title

  • font-size

    14

  • line-height

    19

  • font-weight

    500 - Medium

  • typeface

    Neue Hass Grotesk Display Pro

SubNavDescription

Sub nav description

  • font-size

    12

  • line-height

    17

  • font-weight

    400 - Roman

  • typeface

    Neue Hass Grotesk Display Pro

SubNavParent

Sub Nav Parent

  • font-size

    12

  • line-height

    17

  • font-weight

    400 - Roman

  • typeface

    Neue Hass Grotesk Display Pro

AnnouncementText

Announcement

  • font-size

    12

  • line-height

    17

  • font-weight

    500 - Medium

  • typeface

    Neue Hass Grotesk Display Pro