Typography
These modular elements can be readily used and customized across pages and in different blocks.
Explore all of Stack's modular elements
at the Element Index Page →
These modular elements can be readily used and customized across pages and in different blocks.
Explore all of Stack's modular elements
at the Element Index Page →
Stack uses a modular type scale combined with varying font weights to establish a functional and visually pleasing content hierarchy. By default, each heading pushes down one measure of the base line height (26px). This ensures that when constructing new elements, a consistent rhythm can be achieved.
Stack uses EM units to ensure that typography and general spacing remain optimisied at different screen sizes and on different devices. Type and spacing scale down from a base font size of 14px, to 13px towards a mobile screen size. Try dragging this window down to the narrowest width to see the scale in action.
Stack's visual style is simple yet distinct, making it an ideal starting point for your project whether it be a basic marketing site, or multi-page company presence.
Stack's visual style is simple yet distinct, making it an ideal starting point for your project whether it be a basic marketing site, or multi-page company presence.
Stack includes a number of helper classes to perform common type functions such as uppercasing, bold, italic etc.
Type Uppercase
Type Bold
Type Italic
Type Underline
Type Strikethrough
Type Fade
Type Fine Print