Typography

Usage

These are the values for Tighten’s type hierarchy when used on web.

Example of primary headings

Lorem ipsum dolor sit amet.

Examples of subheadings

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Examples of body copy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae ligula at sem congue cursus. Vivamus fringilla massa augue, sit amet convallis eros semper eget.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam aspernatur laboriosam, quaerat cupiditate saepe recusandae nemo ratione eligendi, esse ducimus, impedit consequuntur facere quos quas eum est minima. Aspernatur, quo!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae ligula at sem congue cursus. Vivamus fringilla massa augue, sit amet convallis eros semper eget.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste saepe veniam soluta dolor, eum alias expedita eligendi voluptas quos amet, error sit, natus quas voluptatibus reprehenderit praesentium exercitationem corporis quo.

Examples of captions

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

This is a quick guide for using Tighten’s type stack. While this example is not prescriptive, please try to retain these sizes and relationships to achieve proper typographic hierarchy.

January 01, 2022

Development done differently.

We help companies turn great ideas into amazing apps, products, and services.

Laravel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae ligula at sem congue cursus. Vivamus fringilla massa augue, sit amet convallis eros semper eget.

React

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae ligula at sem congue cursus. Vivamus fringilla massa augue, sit amet convallis eros semper eget.