Familjen Grotesk, Inter with Menlo in action on liveblocks.io

Under the hood

  • .header-1 { font-family: Menlo, Consolas, "monospace"; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 14px; text-transform: uppercase; color: #F6F9D2; }
  • .header-2 { font-family: __Familjen_Grotesk_bff155, __Familjen_Grotesk_Fallback_bff155, "SF Pro Display", -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 60px; font-style: normal; font-weight: 500; letter-spacing: -2px; line-height: 63px; text-transform: none; color: #F7F7F8; }
  • .content-1 { font-family: __inter_ba9878, __inter_Fallback_ba9878, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 20px; font-style: normal; font-weight: 400; letter-spacing: 0px; line-height: 30px; text-transform: none; color: #959499; }
  • .content-2 { font-family: __inter_ba9878, __inter_Fallback_ba9878, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-transform: none; color: #03000A; }
  • .content-3 { font-family: __inter_ba9878, __inter_Fallback_ba9878, -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 24px; text-transform: none; color: #F7F7F8; }

Inter is available from Font Squirrel and Google Web Fonts.

Familjen Grotesk is available from Adobe Fonts and Google Web Fonts.

Close