Introduction

QUANTUM UI is an open source component library that provides pre-styled structured components that can be directly used to easily build clean UI for web applications. Its design system provides framework that is used to build consistent & elegant websites.

Installation

In order to use QUANTUM UI in your project, copy the below links and paste it in the head tag of your html, above all other style sheets.

Typography

CSS3 introduces a few new units, including the rem unit, which stands for "root em". The rem unit is relative to the font-size of the root element html . That means that we can define a single font size on the root element, and define all rem units to be a percentage of that. The typography has font-size defined in 1.6rem (16px) and line-height in 1.6 (24px). Quantum uses the font-family Montserrat, created by Christian Robertson, and provided by Google.

This is Heading

H14.6rem (46px)

This is Heading

H23.6rem (36px)

This is Heading

H32.8rem (28px)

This is Heading

H42.2rem (22px)

This is Heading

H51.8rem (18px)

This is Heading

H61.6rem (16px)