Under the hood
-
.header-1 {font-family: Lato, sans-serif;font-size: 42px;font-style: normal;font-weight: 300;letter-spacing: -1px;line-height: 46px;text-transform: none;color: #FFFFFF;} -
.header-2 {font-family: Lato, sans-serif;font-size: 16px;font-style: normal;font-weight: 900;letter-spacing: 1px;line-height: 17px;text-transform: uppercase;color: #062035;} -
.header-3 {font-family: Lato, sans-serif;font-size: 16px;font-style: normal;font-weight: 900;letter-spacing: 1px;line-height: 17px;text-transform: uppercase;color: #062035;} -
.header-4 {font-family: Lato, sans-serif;font-size: 16px;font-style: normal;font-weight: 900;letter-spacing: 1px;line-height: 17px;text-transform: uppercase;color: #062035;} -
.content-1 {font-family: Lato, sans-serif;font-size: 18px;font-style: normal;font-weight: bold;letter-spacing: 1px;line-height: normal;text-transform: uppercase;color: #FFFFFF;background-color: #DB7934;} -
.content-2 {font-family: Lato, sans-serif;font-size: 12px;font-style: italic;font-weight: normal;letter-spacing: normal;line-height: 18px;text-transform: none;color: #A1ABC0;} -
.content-3 {font-family: Lato, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #062035;} -
.content-4 {font-family: Lato, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #062035;} -
.content-5 {font-family: Lato, sans-serif;font-size: 16px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 24px;text-transform: none;color: #062035;}
Lato is available from Adobe Fonts, Font Squirrel, Google Web Fonts, Open Font Library and Typekit.
Related samples
by
