Style Guide

Colors

  • night #181818
  • white #e2e2e2
  • bone #d7d3c7
  • blue #428eab
  • teal #74d5d7
  • orange #fa753f
  • lime #d8f328

Colorway inspo:

Type

  • Gaya

    For page titles, section headers, nav menu, and anything fancy.

  • Neue Montreal

    Main body font. Here’s what it looks like in bold, italics, and underlined.

  • Google Sans Code

    For dates, labels, details, codes, and such. My go-to monospace font.

  • Rock Salt

    For a casual, handwritten look. Prefer to use this in all lowercase; uppercase looks too messy/dramatic.

Highlighter

I use Shiki’s tokyo-night as a syntax highlighter for code blocks.

<script>
  const text = "it's me";
</script>

<h1>Hey hi how are you {text}</h1>

Reminders

  • Markdown files should have <h2> as the highest heading level, as the post title already uses <h1>