Style Guide for robloranger.ca

This guide contains colors, fonts and reusable components.

Colors

Purple

Green

Lime

Gold

Off White

Fonts

IBM Plex Mono

This is the new shit

This is the new shit

Garamond

This is the new shit

Courier New

This is the new shit

Pixelify Sans

This is the new shit

Styles

Main Heading

  • Font-weight: 700 (semi bold)
  • Font-size: 40px
  • Font-family: IBM Plex Mono

Sub Heading

  • Font-weight: 700
  • Font-size: 30px
  • Font-family: IBM Plex

Secondary text

  • Font-weight: 500
  • Font-size: 20px
  • Font-family: Pixelify

Paragraph text

  • Font-weight: 500
  • Font-size: 20px
  • Font-family: Courier New

Misc Notes

Here is some text, there is also A Link.

A link in a header might look Like This

Secondary text is most legible as uppercase.