System UI in action on pasteapp.io

Under the hood

.header-1 { font-family: "system-ui", -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, "System Default", serif; font-size: 54px; font-style: normal; font-weight: 700; letter-spacing: 0px; line-height: 52px; text-transform: none; color: #101010; }
.header-2 { font-family: "system-ui", -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, "System Default", serif; font-size: 54px; font-style: normal; font-weight: 700; letter-spacing: 0px; line-height: 52px; text-transform: none; color: #101010; }
.content-1 { font-family: "system-ui", -apple-system, "system-ui", "Segoe UI", Roboto, "Roboto Placeholder", Oxygen, "Oxygen Placeholder", Ubuntu, "Ubuntu Placeholder", Cantarell, "Cantarell Placeholder", "Fira Sans", "Fira Sans Placeholder", "Droid Sans", "Helvetica Neue", sans-serif, "System Default", serif; font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 30px; text-transform: none; color: #101010; }