Under the hood
-
.header-1 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 16px;text-transform: none;color: #2D2D35;} -
.header-2 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 16px;text-transform: none;color: #2D2D35;} -
.header-3 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 28px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 32px;text-transform: none;color: #2D2D35;} -
.header-4 {font-family: TiemposHeadlineWeb-Bold, Georgia, serif;font-size: 30px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 36px;text-transform: none;color: #2D2D35;} -
.header-5 {font-family: TiemposTextWeb-Regular, Georgia, serif;font-size: 14px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 16px;text-transform: none;color: #2D2D35;} -
.header-6 {font-family: NHaasGroteskDSPro-95Blk, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 18px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 16px;text-transform: uppercase;color: #FA1E64;} -
.header-7 {font-family: NHaasGroteskDSPro-95Blk, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 18px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 16px;text-transform: uppercase;color: #FA1E64;} -
.content-1 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 12px;text-transform: uppercase;color: #2D2D35;} -
.content-2 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 12px;text-transform: uppercase;color: #2D2D35;} -
.content-3 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 12px;text-transform: none;color: #2B00F7;} -
.content-4 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 22px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 22px;text-transform: none;color: #23C575;} -
.content-5 {font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 28px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 32px;text-transform: none;color: #FFFFFF;background-color: #FA1E64;} -
.content-6 {font-family: TiemposTextWeb-Regular, Georgia, serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 160px;text-transform: none;color: #2B00F7;} -
.content-7 {font-family: NHaasGroteskTXPro-55Rg, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 11px;text-transform: none;color: #999999;} -
.content-8 {font-family: NHaasGroteskTXPro-55Rg, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 12px;text-transform: none;color: #CCCCCC;} -
.content-9 {font-family: NHaasGroteskTXPro-55Rg, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 10px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 10px;text-transform: none;color: #555555;}
Neue Haas Grotesk is available from Fonts.com, MyFonts and Typekit.
Related samples
by