Bundes Sans in action on climate-conflict.org

Under the hood

  • .header-1 { font-family: "BundesSans Web"; font-size: 31.99px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 51.184px; text-transform: none; color: #EAEAEA; }
  • .header-2 { font-family: "BundesSans Web"; font-size: 22.624px; font-style: normal; font-weight: 600; letter-spacing: normal; line-height: 29.4112px; text-transform: none; color: #EAEAEA; }
  • .content-1 { font-family: "BundesSans Web"; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 2.4px; line-height: 25.6px; text-transform: uppercase; color: #A9ABBD; }
  • .content-2 { font-family: "BundesSans Web"; font-size: 11.315px; font-style: normal; font-weight: 400; letter-spacing: 1.1315px; line-height: 25.6px; text-transform: uppercase; color: #A9ABBD; }
  • .content-3 { font-family: "BundesSans Web"; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 25.6px; text-transform: none; color: #FFCB01; }
  • .content-4 { font-family: "BundesSans Web"; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 25.6px; text-transform: none; color: #90D3FB; }
  • .content-5 { font-family: "BundesSans Web"; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 25.6px; text-transform: none; color: #FA5A6D; }
  • .content-6 { font-family: "BundesSans Web"; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 25.6px; text-transform: none; color: #EAEAEA; }

Related samples

Here at Typ.io, we're revealing designers' decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they're using and how they're using them. If you come across a site you like drop us an email about it. You can also find us on Twitter and Pinterest.