← Back to documentation

Heading

A heading with six different levels that have been configured using a typography scale.

Information

Plan: Personal

Properties

PropertyTypeDefault
Text
string
"Lorem ipsum dolor sit amet"
Level
enum<string>
"1"
Color
string
"currentColor"
Text align
enum<string>
"left"
Text shadow
string
"none"
Font size - Level 1
string
"clamp(2.25rem, 5vw, 3.5rem)"
Font size - Level 2
string
"clamp(1.875rem, 4vw, 2.75rem)"
Font size - Level 3
string
"clamp(1.5rem, 3vw, 2.125rem)"
Font size - Level 4
string
"clamp(1.25rem, 2.2vw, 1.625rem)"
Font size - Level 5
string
"clamp(1.125rem, 1.8vw, 1.375rem)"
Font size - Level 6
string
"clamp(1rem, 1.4vw, 1.125rem)"
Font weight - Level 1
string
"800"
Font weight - Level 2
string
"700"
Font weight - Level 3
string
"600"
Font weight - Level 4
string
"600"
Font weight - Level 5
string
"500"
Font weight - Level 6
string
"500"
Line height - Level 1
string
"1.1"
Line height - Level 2
string
"1.15"
Line height - Level 3
string
"1.2"
Line height - Level 4
string
"1.3"
Line height - Level 5
string
"1.35"
Line height - Level 6
string
"1.4"
Letter spacing - Level 1
string
"-0.025em"
Letter spacing - Level 2
string
"-0.02em"
Letter spacing - Level 3
string
"-0.01em"
Letter spacing - Level 4
string
"0em"
Letter spacing - Level 5
string
"0em"
Letter spacing - Level 6
string
"0.02em"
Background
string
"none"
Background color
string
"transparent"
Border color
string
"transparent"
Border radius
string
"0px"
Border width
string
"0px"
Border style
string
"solid"
Margin
string
"0px"
Selectors
array
[]