devinhunt/typebase.css

A starting point for good typography on the web.

HTML

1,806

36 commits

updated Oct 5, 2021

See the code

README

typebase.css

A starting point for good typography on the web

typebase.css aims to provide a minimal CSS typography boiler plate. Most css frameworks fail web typography in one of a few ways:

  1. They contain built-in aesthetics
  2. Inconsistent vertical rhythm across major elements
  3. Hard to decouple from the rest of the framework

Both force designers & developers to do extra work to realize their design. Let typebase.css handle the vertical rhythm and spacing, you handle the typefaces and design.

Goals for typebase.css

Enforced vertical rhythm

The most important thing that typebase.css gives you is an enforced vertical rythm across all most screens (working on mobile). This insures that text across columns and long copy doesn't become uneven.

Built to be edited

Like normalize.css typebase.css is built to be edited. You'll find comments throughout the source marking points left for intentional editing. You should substitute your own typefaces in. Don't like how the headings scale? Change it!

Contributing to typebase.css

This project is meant to be a conversation about good typography. I learn design from other designers. Gimme yo' pull requests.

License

Copyright (c) 2015 Devin Hunt and contributors

Licensed under the MIT license.

devinhunt/typebase.css

A starting point for good typography on the web.

HTML

1,806

36 commits

updated Oct 5, 2021

See the code

README

typebase.css

A starting point for good typography on the web

typebase.css aims to provide a minimal CSS typography boiler plate. Most css frameworks fail web typography in one of a few ways:

  1. They contain built-in aesthetics
  2. Inconsistent vertical rhythm across major elements
  3. Hard to decouple from the rest of the framework

Both force designers & developers to do extra work to realize their design. Let typebase.css handle the vertical rhythm and spacing, you handle the typefaces and design.

Goals for typebase.css

Enforced vertical rhythm

The most important thing that typebase.css gives you is an enforced vertical rythm across all most screens (working on mobile). This insures that text across columns and long copy doesn't become uneven.

Built to be edited

Like normalize.css typebase.css is built to be edited. You'll find comments throughout the source marking points left for intentional editing. You should substitute your own typefaces in. Don't like how the headings scale? Change it!

Contributing to typebase.css

This project is meant to be a conversation about good typography. I learn design from other designers. Gimme yo' pull requests.

License

Copyright (c) 2015 Devin Hunt and contributors

Licensed under the MIT license.

Project health

Overall

2.5/10

Maintained

0/10

Code review

3/10
OpenSSF Scorecard

Latest release

0.5.1 · Oct 5, 2021

Releases this year

0

Significant stargazers

Evan You

111,683 followers · starred Oct 2015

Sam Chen

399 followers · starred Aug 2019

Nathan Cahill

266 followers · starred Oct 2015

Sergio Campamá

107 followers · starred Jan 2014