Colors
Color variants DO NOT change based on the background. It is required to add a class that symbolizes color state in Dark Theme (DT).
Primary Set
Secondary Set
Typography / Font Face
Color variants DO NOT change based on the background. It is required to add a class that symbolizes color state in Dark Theme (DT).
Primary
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZČĆĐŠŽ
abcdefghijklmnopqrstuvwxyzčćđšž
0123456789
!`~@#$%^&*()-_=+[{]}\|;:'",<.>/?°•§¶©®™+-×=<>%€$£¥₹₿¢
Secondary
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZČĆĐŠŽ
abcdefghijklmnopqrstuvwxyzčćđšž
0123456789
!`~@#$%^&*()-_=+[{]}\|;:'",<.>/?°•§¶©®™+-×=<>%€$£¥₹₿¢
Headlines
Color variants DO NOT change based on the background. It is required to add a class that symbolizes color state in Dark Theme (DT).
hdl_XX-Large / H1+
Lorem ipsum dolor
hdl_X-Large / H1
Lorem ipsum dolor
hdl_Large / H2
Lorem ipsum dolor
hdl_Medium / H3
Lorem ipsum dolor
hdl_Small / H4
Lorem ipsum dolor
hdl_X-Small / H5
Lorem ipsum dolor
hdl_XX-Small / H6
Lorem ipsum dolor
Text
Color variants DO NOT change based on the background. It is required to add a class that symbolizes color state in Dark Theme (DT).
txt_XX-Large
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
txt_X-Large
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
txt_Large
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
txt_Medium
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
txt_Small
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
txt_X-Small
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
txt_XX-Small
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
pre-Line
Etiam et libero eget risus imperdiet hendrerit. Aliquam lobortis consequat nulla, vel placerat mi pellentesque pulvinar. Fusce elit lorem, feugiat id consectetur sit amet, ullamcorper ut turpis.
Buttons
Color variants DO NOT change based on the background. It is necessary to use the DT class for respective button variation.