Styling

The following are examples of how Neptune styles various elements.

Web fonts

Neptune uses two Google web fonts:

Headings

H1

H2

H3

H4

H5
H6

Body text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vehicula tristique velit, auctor pulvinar justo aliquam at. Sed volutpat, mauris et sodales imperdiet, velit turpis auctor orci, nec sodales arcu nunc eget risus. Sed in sapien et est lobortis iaculis et et enim.

Unordered list

  • Item 1
  • Item 2
  • Item 3

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Tabs (primary and secondary)

Primary tabs

Secondary tabs

Messages

Status message

This is the demo site for Neptune

Warning message

Warning message

Error message

Error message

Buttons