Typography

Heading level 1

This text is used as a lead for pages. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut neque arcu, ultricies vehicula consectetur id, accumsan accumsan ex. Donec euismod nisl et metus varius, et lobortis nibh pretium.

Heading level 2

This text is set in smallprint.

This is some standard text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut neque arcu, ultricies vehicula consectetur id, accumsan accumsan ex. Donec euismod nisl et metus varius, et lobortis nibh pretium. Proin velit purus, rutrum eu mi eget, blandit molestie erat.

Heading level 3

This text is set in a dimmed colour, used for supporting text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut neque arcu, ultricies vehicula consectetur id, accumsan accumsan ex. Donec euismod nisl et metus varius, et lobortis nibh pretium. Proin velit purus, rutrum eu mi eget, blandit molestie erat. Etiam quis libero semper, ullamcorper nisi sed, lobortis magna.

Grids

2
2
3
3
3
4
4
4
4
5
5
5

Buttons

Blocks

This is a piece of information.

This is a warning.

This is a sharing message.

Projects

Code

Inline code snippets are displayed like this: <div class="inline"></div> .

[data-block="warning"] {
  color: red;
}

Tags

  • HTML
  • CSS
  • JavaScript
  • PHP
  • Swift
  • C++
  • Objective-C
  • C#
  • Haskell
  • Java

Icons

person
home
archive
case
rss
up
list
lastfm
instagram
pinboard
github
twitter
dribbble