Allotrope Variable with Mudstone Sans in action on trutharts.com

Under the hood

.header-1 { font-family: mudstone-sans, system-ui, sans-serif; font-size: 111px; font-style: normal; font-weight: 900; letter-spacing: normal; line-height: 86px; text-transform: none; color: #F9F5F1; }
.content-1 { font-family: allotrope-variable, system-ui, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 42px; text-transform: none; color: #F9F5F1; }
.content-2 { font-family: mudstone-sans, system-ui, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 28px; text-transform: none; color: #FFFFFF; background-color: lab(7.87148 0.00233464 -0.000137538); }