Brandon Grotesque, Open Sans with Shelby in action on sunnystreetcafe.com

Under the hood

  • .content-1 { font-family: "Brandon Grotesque"; font-size: 32px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 40px; text-transform: uppercase; color: #262626; }
  • .content-2 { font-family: "Brandon Grotesque"; font-size: 26px; font-style: normal; font-weight: 700; letter-spacing: 1px; line-height: 32px; text-transform: uppercase; color: #3D3E42; }
  • .content-3 { font-family: "Open Sans", sans-serif; font-size: 18px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 27px; text-transform: none; color: #657E68; }
  • .content-4 { font-family: Shelby; font-size: 256px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 256px; text-transform: none; color: #3D3E42; }

Brandon Grotesque is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts and Typekit.

Open Sans is available from Adobe Fonts, Font Squirrel, Google Web Fonts, MyFonts and Typekit.

Shelby is available from Adobe Fonts, Fonts.com, Fontspring, MyFonts and Typekit.

Close