Under the hood
-
.header-1 {font-family: 'Avenir Next Medium';font-size: 24px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: normal;text-transform: none;color: #4FD88F;} -
.header-2 {font-family: 'Avenir Next Medium';font-size: 24px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: normal;text-transform: none;color: #FFFFFF;} -
.header-3 {font-family: 'Avenir Next Medium';font-size: 24px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: normal;text-transform: none;color: #D71B5D;} -
.header-4 {font-family: 'Avenir Next Medium';font-size: 24px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: normal;text-transform: none;color: #FFFFFF;} -
.content-1 {font-family: 'Avenir Next Medium';font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: 1px;line-height: normal;text-transform: none;color: #FFFFFF;} -
.content-2 {font-family: 'Avenir Next Medium';font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: 1px;line-height: normal;text-transform: none;color: #FFFFFF;} -
.content-3 {font-family: 'Avenir Next Medium';font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: 1px;line-height: normal;text-transform: uppercase;color: #FFFFFF;background-color: #4FD88F;} -
.content-4 {font-family: 'Avenir Next Regular', Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #D1D3D4;} -
.content-5 {font-family: 'Avenir Next Regular', Helvetica, Arial, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #D1D3D4;}
Avenir Next is available from Adobe Fonts, Fonts.com and MyFonts.
Related samples
by