Overview:

Typeplate is a typographic starter kit that provides proper markup and styling for common typographic patterns. It is a stripped-down Sass library focused on the technical implementation of design patterns. This article highlights the features and provides installation instructions for Typeplate.

Features:

Extensible styling for common typographic patterns
Proper markup for typography
Lightweight: only 4.91 KB in size
Can be used after a reset stylesheet and compass import
Can be installed via .scss @import, .css, or npm

Installation via .scss @import:

Download and unzip the Sass .zip package.
Place the extracted directory into your project's Sass directory.
Import Typeplate in your project's primary .scss file.

Authors can also customize the defaults of Typeplate by including a custom variables file.

Installation via .css:

If you prefer the CSS version, simply copy the contents of typeplate.css into your project's stylesheet.
You can place it manually or use bower or CDNJS for installation.

Installation via npm:

Run the command npm i typeplate-starter-kit in your project's directory.
Import Typeplate in your project's primary .scss file.

Note: There are two installation options provided for npm, with option #2 recommended for fewer HTTP requests.

Summary:

Typeplate is a typographic starter kit that offers proper markup and styling for common typographic patterns. It is a lightweight and extensible Sass library that can be easily installed via .scss @import, .css or npm.

Typeplate

Starter Kit

Typeplate.github.io