logo
​
​
  • UI COMPONENTS
  • Alert
  • Accordion
  • Avatar
  • Chip
  • Dialog
  • List
  • Popover
  • Rating
  • Tabs
  • Tooltip
  • Transfer List
  • Typography

Typography List

  1. Dashboard

  3. Typography List

breadcrumbImg
Typography List
Heading1

h1. Heading

font size: 30 | line-height: 45 | font weight: 500

Sample Code
Heading2

h2. Heading

font size: 24 | line-height: 36 | font weight: 500

Sample Code
Heading3

h3. Heading

font size: 21 | line-height: 31.5 | font weight: 500

Sample Code
Heading4

h4. Heading

font size: 18 | line-height: 27 | font weight: 500

Sample Code
Heading5
h5. Heading

font size: 16 | line-height: 24 | font weight: 500

Sample Code
Heading6
h6. Heading

font size: 14 | line-height: 21 | font weight: 500

Sample Code
Subtitle1
subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

font size: 16 | line-height: 28 | font weight: 400

Sample Code
Subtitle2
subtitle2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

font size: 14 | line-height: 21 | font weight: 400

Sample Code
Body1

body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

font size: 16 | line-height: 24 | font weight: 400

Sample Code
Body2

body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

font size: 14 | line-height: 20 | font weight: 400

Sample Code
Caption
caption. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

font size: 12 | line-height: 19 | font weight: 400

Sample Code
Overline
overline. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

font size: 12 | line-height: 31 | font weight: 400

Sample Code
TextPrimary
Text Primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

Sample Code
TextSecondary
Text Secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

Sample Code
TextInfo
Text Info

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

Sample Code
TextWarning
Text Warning

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

Sample Code
TextError
Text Error

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

Sample Code
TextSuccess
Text Success

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur

Sample Code
icon

All rights reserved by Modernize. Designed & Developed by AdminMart .