https://github.com/matejlatin/Gutenberg

A meaningful web typography starter kit.
https://github.com/matejlatin/Gutenberg

css sass typography

Last synced: about 2 months ago
JSON representation

A meaningful web typography starter kit.

• Host: GitHub
• URL: https://github.com/matejlatin/Gutenberg
• Owner: matejlatin
• License: other
• Created: 2015-03-27T16:35:19.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2022-11-30T15:05:05.000Z (about 2 years ago)
• Last Synced: 2024-05-22T16:32:46.858Z (7 months ago)
• Topics: css, sass, typography
• Language: SCSS
• Homepage:
• Size: 8.71 MB
• Stars: 2,832
• Watchers: 71
• Forks: 160
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • License: license.txt

Awesome Lists containing this project

• awesome-starred - matejlatin/Gutenberg - A meaningful web typography starter kit. (sass)

README

        
# Gutenberg: A Meaningful Web Typography Starter Kit

[Gutenberg](http://matejlatin.github.io/Gutenberg/) is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base type size, line-height (leading) and measure (max-width).

Gutenberg sets the baseline grid to establish a proper vertical rhythm and makes sure all elements fit into it. It sets up the macro typography so you can focus on the micro-typographic details.

> _The backbone of your typography._

> —The Smashing Magazine

[View an Example](http://matejlatin.github.io/Gutenberg/example2) | [Read the Docs](https://github.com/matejlatin/Gutenberg/wiki)

## Installation

Gutenberg is built with Sass and [Grunt](http://gruntjs.com/). Fork or download the repository to get started.

```npm install gutenberg-web-type```

## Why Gutenberg?

Johannes Gutenberg invented a printing press with movable type more than 500 years ago. His invention led to improved readability of books and enabled a distribution on a large scale. His invention improved a medium and took it to another level. This web typography starter kit aims to do exactly the same for another medium — the web.

## Contributors

* [@matejlatin](https://github.com/matejlatin)

* [@marcobiedermann](https://github.com/marcobiedermann)

* [@GeorgeStrakhov](https://github.com/GeorgeStrakhov)

Gutenberg is an open source project licensed under [Creative Commons 3.0](https://creativecommons.org/licenses/by-sa/3.0/). Feel free to use, adapt or contribute.

## History

Follow [@gutenbergtype](http://twitter.com/gutenbergtype) for updates.

### Gutenberg v1.2.3

*Oct 4, 2016*

- Fixed minor bugs,

- updated the gruntfile.js

### Gutenberg v1.2.2

*Aug 22, 2016*

- Added defaults to the config file

### Gutenberg v1.2.1

*Jun 1, 2016*

- Improved box-sizing,

- fixed the import heading bug

### Gutenberg v1.2

*May 31, 2016*

- Project folder structure restructured and modularized thanks to @marcobiedermann

### Gutenberg v1.1

*Jan 20, 2016*

- Code optimized and simplified by use of mixins,

- horizontal rule styling now more flexible with its own configuration,

- Attention Grabber — a new element,

- quotes — an alternative to blockquotes; can be floated,

- added an option for paragraph indenting.

### Gutenberg v1.0

*Jan 20, 2016*

- Includes the basic elements: headings, paragraph, figure, blockquote & cite, horizontal rule, code, sub, sup, ul, ol, small,

- Gutenberg reset — based on Normalize,

- headings, body and links colors,

- two default themes & custom theme options,

- mobile first with a breakpoint for desktop screens,

- sizes based on Perfect Fifth modular scale,

- fixImgHeight.js — a small & lightweight script that resizes images so they fit the baseline grid.