Skip to main content
5.0.3Next5.1.05.0.35.0.25.0.15.0.04.0.94.0.84.0.73.2.03.1.03.0.13.0.02.1.12.0.101.0.0
Version: 5.0.3

Typography

This page is under construction

Text is perhaps the most fundamental type of content, so it is important to follow good typographic principles to maximize legibility. The typography in Triton aims to establish a clear visual hierarchy, to allow users to read information effectively.

Typeface - Roboto

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å 1 2 3 4 5 6 7 8 9 0 ‘ ? ’ “ ! ” ( % ) [ # ] { @ } / & *

Font Weights

Regular
Medium
Bold

Type Scale

The Type Scale of Triton is based on a 16px default size. Setting another default will affect all the sizes (eg. setting 12 will reduce all by 25%).

Class NameFont Size / Line HeightFont WeightsExample
kx-large26px/34pxregular medium boldText with kx-large
kx-medium20px/26pxregular medium boldText with kx-medium
kx-body16px/26pxregular medium boldText with kx-body
kx-base14px/19pxregular medium boldText with kx-base
kx-small12px/16pxregular medium boldText with kx-small
kx-tiny10px/14pxregular medium boldText with kx-tiny
kx-label12px/12pxregularText with kx-label