Skip to content

Style guide

This site is built with Eleventy and deployed to Netlify with a build hook after each push to its GitHub repository.

https://github.com/gazjoy/garethjoyce.co.uk.git

Font

IBM Plex Mono Designed by Mike Abbink, Bold Monday, from Google Fonts


Colours

My favourite colour is pink, #d53880 to be exact.

  • Light pink #f5e2eb
  • Pink #d53880
  • Dark pink #b33377
  • Darker pink #981c57
  • Darkest pink #6b103c
  • Pale grey #f7f7f7
  • Text #2e343b
  • Focus #ffbf47

Heading

Page heading (h1)

Page heading (h2)

Page heading (h3)

Page heading (h4)

Page heading (h5)

Page heading (h6)


Blockquote

After every nights writing I would read what I had written and I would criticise it, “who would want to read this tut”, I would think to myself, delete my article and go to bed frustrated.


Code

I use the a11y dark theme with Prism js to highlight code.

p {
	color: black;
}

Button