Mistype logo Mistype

Mistype is a set of styles that helps you to design a new site. It's a simple CSS prototyping framework, put in a 2.5 kB file.

Download

Downloading and using Mistype is pretty easy.

Browser support

License

MIT © Zlatan Vasović

Components

Tip: I recommend you to use Normalize.css alongside Mistype.

Typography

Horizontal rules


Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraphs

I'm a paragraph.

I'm another paragraph.

Lists

  1. item
  2. item
title
description
title
description
  1. item
  2. item

Emphasis

strongemphasisbolditalicsmallsuperscriptsubscriptabbr

Quotes

quote inside a quote

I'm a quoted text.

Quoted from "The Source".

Code

codekey

I'm a code block.

Grid

.col-10
.col-5
.col-5
.col-2
.col-2
.col-2
.col-2
.col-2
.col-4
.col-6
.col-3
.col-7