Typography

H2 heading

H3 heading

H4 heading

Pellentesque tincidunt, metus a posuere sagittis, turpis metus mattis lectus, eget gravida eros odio at orci. Donec a sem orci. Aliquam erat volutpat. Suspendisse vehicula sapien vel elit pulvinar vehicula. Suspendisse ullamcorper egestas convallis. Integer non urna massa, et tristique risus. Aenean rhoncus suscipit ornare.

Praesent porttitor imperdiet iaculis. Duis vel placerat lectus. Vivamus ante enim, ultrices id accumsan id, mollis in nunc. Cras volutpat dolor vel metus mattis at mattis nisi blandit. Donec sollicitudin, sapien ut lacinia viverra, massa sapien gravida ante, ac lobortis turpis justo eu felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam porta risus quis nisl sodales eu euismod neque pulvinar. Ut et dolor ante. Cras dapibus dolor non metus eleifend ornare.

This is a link

Form inputs A sampling of enabled and disabled inputs

Components

Highlightable lists

Specially formatted lists with a hover color and optional hover action and delete action. Can be nested with ease.

Pagination

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

Alerts

This is an alert

This is an alert

Tags

Read only tags

Editable tags

Tags in highlightable lists

Grouped sections

Group related content under a heading with an indent

A grouped section

Another grouped section

Duis a est odio, in consectetur est. Suspendisse et erat velit, vel rhoncus dui. Nulla a faucibus eros. Integer non nibh ligula. Mauris magna nisi, gravida quis vestibulum vel, imperdiet vestibulum metus. Proin et enim vel ipsum hendrerit fermentum quis ac massa. Pellentesque est massa, egestas ac ullamcorper id, scelerisque quis tellus. Morbi lectus augue, convallis condimentum vestibulum sed, condimentum sed mi. Praesent convallis sem eget dolor tempus gravida. Quisque venenatis nunc dapibus magna elementum non mattis orci bibendum.

Header variations

A bar that contains controls attached to the page header.

A header with controls

A header with text controls

Some text here

A header with a right text input

A header with a cancel icon in the input

Examples

Better History

Chrome extension that provides a better interface to your browsing history.

View in Chrome Webstore