HomeTypography
Preview
css
const greet = (name) => {return `Hello, ${name}`}
Code
css
code, pre {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
  font-size: 0.875em;
  font-variant-ligatures: common-ligatures;
}

pre {
  background: #1C1A17;
  color: #F2EDE4;
  padding: 1.25rem 1.5rem;
  border-radius: 0.625rem;
  overflow-x: auto;
  line-height: 1.7;
}

:not(pre) > code {
  background: rgba(196, 100, 10, 0.10);
  color: #C4640A;
  padding: 0.15em 0.4em;
  border-radius: 0.25em;
}
Related Blocks
css
Display Hierarchy
Complete style definitions for H1–H6, paragraphs, and captions.
css
Font Pair — Serif + Sans
Editorial heading + clean body font pairing.
css
Letter Spacing System
Letter-spacing tokens - tight, normal, wide, wider.