KET Web Style Guide

Typography

Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in posuere augue. Maecenas nec purus quis ipsum blandit fermentum eget in turpis. Vivamus nec ligula et lacus porta mattis eu nec leo. Mauris ullamcorper imperdiet augue, non egestas justo ullamcorper vitae. Praesent ac maximus urna, sit amet tristique erat. Curabitur id felis massa. Proin cursus nisi non sem faucibus rutrum. Nam rutrum, libero ut accumsan sagittis, eros velit dapibus risus, sit amet aliquam velit arcu sed magna. Fusce eget dolor orci. Vivamus euismod aliquam diam non iaculis. Suspendisse hendrerit velit turpis, in auctor nisl vestibulum sed.

Aa
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Open Sans Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in posuere augue. Maecenas nec purus quis ipsum blandit fermentum eget in turpis. Vivamus nec ligula et lacus porta mattis eu nec leo. Mauris ullamcorper imperdiet augue, non egestas justo ullamcorper vitae. Praesent ac maximus urna, sit amet tristique erat. Curabitur id felis massa. Proin cursus nisi non sem faucibus rutrum. Nam rutrum, libero ut accumsan sagittis, eros velit dapibus risus, sit amet aliquam velit arcu sed magna. Fusce eget dolor orci. Vivamus euismod aliquam diam non iaculis. Suspendisse hendrerit velit turpis, in auctor nisl vestibulum sed.

Aa
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Open Sans Condensed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in posuere augue. Maecenas nec purus quis ipsum blandit fermentum eget in turpis. Vivamus nec ligula et lacus porta mattis eu nec leo. Mauris ullamcorper imperdiet augue, non egestas justo ullamcorper vitae. Praesent ac maximus urna, sit amet tristique erat. Curabitur id felis massa. Proin cursus nisi non sem faucibus rutrum. Nam rutrum, libero ut accumsan sagittis, eros velit dapibus risus, sit amet aliquam velit arcu sed magna. Fusce eget dolor orci. Vivamus euismod aliquam diam non iaculis. Suspendisse hendrerit velit turpis, in auctor nisl vestibulum sed.

Aa
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Open Sans Condensed Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in posuere augue. Maecenas nec purus quis ipsum blandit fermentum eget in turpis. Vivamus nec ligula et lacus porta mattis eu nec leo. Mauris ullamcorper imperdiet augue, non egestas justo ullamcorper vitae. Praesent ac maximus urna, sit amet tristique erat. Curabitur id felis massa. Proin cursus nisi non sem faucibus rutrum. Nam rutrum, libero ut accumsan sagittis, eros velit dapibus risus, sit amet aliquam velit arcu sed magna. Fusce eget dolor orci. Vivamus euismod aliquam diam non iaculis. Suspendisse hendrerit velit turpis, in auctor nisl vestibulum sed.

Aa
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Lato

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in posuere augue. Maecenas nec purus quis ipsum blandit fermentum eget in turpis. Vivamus nec ligula et lacus porta mattis eu nec leo. Mauris ullamcorper imperdiet augue, non egestas justo ullamcorper vitae. Praesent ac maximus urna, sit amet tristique erat. Curabitur id felis massa. Proin cursus nisi non sem faucibus rutrum. Nam rutrum, libero ut accumsan sagittis, eros velit dapibus risus, sit amet aliquam velit arcu sed magna. Fusce eget dolor orci. Vivamus euismod aliquam diam non iaculis. Suspendisse hendrerit velit turpis, in auctor nisl vestibulum sed.

Aa
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9

Lato Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in posuere augue. Maecenas nec purus quis ipsum blandit fermentum eget in turpis. Vivamus nec ligula et lacus porta mattis eu nec leo. Mauris ullamcorper imperdiet augue, non egestas justo ullamcorper vitae. Praesent ac maximus urna, sit amet tristique erat. Curabitur id felis massa. Proin cursus nisi non sem faucibus rutrum. Nam rutrum, libero ut accumsan sagittis, eros velit dapibus risus, sit amet aliquam velit arcu sed magna. Fusce eget dolor orci. Vivamus euismod aliquam diam non iaculis. Suspendisse hendrerit velit turpis, in auctor nisl vestibulum sed.

Aa
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9