This is the typography used for this project. You will be able to find all of the styles with the exception of the custom Pre component. All of the components have have their refs exposed and support overwriting of styles using TailwindCSS.

Heading 1

Heading 2

Heading 3

Heading 4

Emphasis, aka italics, with asterisks or underscores. Strong emphasis, aka bold, with asterisks or underscores. Combined emphasis with asterisks and underscores. Strikethrough uses two tildes.

  • Unordered list can use asterisks (*)
  • Or minuses (-)
  • Or pluses (+)

I'm an inline-style link and inline code has back-ticks around it.

var s = "JavaScript syntax highlighting";

The syntax highlighting also has support for dark mode.

Blockquotes are very handy in email to emulate reply text.