Typography

Elicit emotions and convey specific messages to the users

Usage

Typography is defined as the science of style, appearance, and structure of fonts that aim to provide convenience and aesthetics to the reader. Effective typography depends not only on the content but also on the presentation visual of the typography itself, starting from the font type, font size and line height. You can chek out the guideline for more detail description.

To get started, simply import the theme and apply the font to your UI components:

import ThemeLGNUIKit

let label = UILabel()
label.font = LGNUIFont.bodyLargeRegular

Heading

Common usage : Hero section, Title content or component, Subtitle of title

Preview	Font Size
Heading 1	34pt
Heading 2	28pt
Heading 3	24pt
Heading 4	22pt
Heading 5	20pt
Heading 6	18pt

LGNUIFont.heading1
LGNUIFont.heading2
LGNUIFont.heading3
LGNUIFont.heading4
LGNUIFont.heading5
LGNUIFont.heading6

Body

Common usage : Description, Paragraph, Button, Text Field, Tabs, etc

Preview	Font Size	Font Style
Large Regular	16pt	Regular
Large Semibold	16pt	Semibold
Large Bold	16pt	Bold
Large Italic	16pt	Italic
Small Regular	14pt	Regular
Small Semibold	14pt	Semibold
Small Bold	14pt	Bold
Small Italic	14pt	Italic

LGNUIFont.bodyLargeRegular
LGNUIFont.bodyLargeSemiBold
LGNUIFont.bodyLargeBold
LGNUIFont.bodyLargeItalic
LGNUIFont.bodySmallRegular
LGNUIFont.bodySmallSemiBold
LGNUIFont.bodySmallBold
LGNUIFont.bodySmallItalic

Caption

Common usage : Description, Tags, Chips, Badge, etc

Preview	Font Size	Font Style
Small Regular	11pt	Regular
Small Semibold	11pt	Semibold
Small Bold	11pt	Bold
Small Italic	11pt	Italic

LGNUIFont.bodyCaptionRegular
LGNUIFont.bodyCaptionSemiBold
LGNUIFont.bodyCaptionBold
LGNUIFont.bodyCaptionItalic