H1 Gargantuan Headings

H2 Huge Headings

H3 Big Headings

H4 Base Headings

Colours

The site's primary colour. Used as the background on main pages and the accent colour on project pages.

Lemon Juice (#FFFF54)

The main accent colour. A bright yellows that stands out nicely.

Aquamarine (#48F0D2)

A secondary accent colour, mainly used to denote interactivity like hyperlinks and button hover states.

Blanche (#FFFFFF)

Basic white. used as the background for some elements and as paragraph text colour on blue pages.

Slate (#2D2D2F)

A cool, dark grey used as the paragraph text colour on white pages.

Green Grey (#588486)

An understated greenish grey used for subheadings with less hierarchy.

Buttons and Links

Hyperlinks

Within a paragraph of text, this is what a hyperlink would look like. I hope you like this nice photograph.

Main Button

For actions like checking out my work, or viewing a prototype

Back to top Button

Each project page is long. For better user freedom and control, I've included a button that takes you back to the top of the page. The button looks like this:

Site Elements

Navbar

The main navigation for the site. The yellow highlighted link represents the current page/section.

Portfolio Item