Type

Magazine Contrast

Supper club

Dinner at the long table

Twelve seats, one menu, whatever came off the boat at Kalk Bay this morning. Thursdays only.

Tokens

The pairing as CSS

/* Magazine Contrast · type pairing · Designed using Design Lounge (https://designlounge.vercel.app) */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@400;500;700&display=swap");

:root {
  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-text: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}
h1, h2, h3, .display {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1;
}
body {
  font-family: var(--font-text);
  font-weight: 400;
  line-height: 1.55;
}
/* No mono in this pairing. Code uses the system mono; amounts stay in the text face with even-width digits. */
code, kbd, samp, .mono {
  font-family: var(--font-mono);
}
.num {
  font-family: var(--font-text);
  font-variant-numeric: tabular-nums;
}