I'm redesigning & redeveloping my website in the open. More about this.

Styleguide

A styleguide / pattern library of the elements and components that make up my website.

Typography

Headings

H1 heading

H2 heading

H3 heading

H4 heading

Lead text

Urna nunc id cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget duis at tellus at urna condimentum mattis pellentesque id.

Normal text

Urna nunc id cursus metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget duis at tellus at urna condimentum mattis pellentesque id.


Blockquotes

If you're not failing at something then you're not trying hard enough. Failing is part of it. If you're not trying hard enough to even fail, I think you're in trouble. Cause that… you know… teaches you more.

— Johnny Knoxville

Icons

Icon components will show here.


Images

Normal image

Featured image.

Multi image

Featured image.

Normal figure image

Featured image.
A starfish on the shore edge.

Multi figure image

Featured image.
A starfish on the shore edge.

Videos

Video components will show here.


Links

This is some text that's a link


Buttons

This is a link button


Lists

List components will show here.


Forms

Form components will show here.