Spectral Karla
Spectral’s contrast and texture add depth to Karla’s readable body.
editorialeditorial
Installation
$ pnpm dlx shadcn@latest add @fonttrio/spectral-karlaHeadingserif
Spectral
The quick brown fox
Bodysans-serif
Karla
Jumps over the lazy dog and runs across the meadow
Monomonospace
Inconsolata
const x = fn(42);
Try it with your text
Spectral
Karla
Inconsolata
Typography scale
LevelSizeWeightLH
h12.25rem7001.2
h21.875rem6001.25
h31.5rem6001.3
h41.25rem5001.35
body1rem4001.65
$ pnpm dlx shadcn@latest add @fonttrio/spectral-karlah1
Spectral
h2
Spectral
h3
Spectral
h4
Spectral
body
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Alegreya Sans
David Libre gives a clean literary vibe under modern sans.
pnpm dlx shadcn@latest add @fonttrio/alegreya-sans-david-libreArchivo Narrow
Lora adds warmth and readability beneath Archivo Narrow’s compact geometry.
pnpm dlx shadcn@latest add @fonttrio/archivo-narrow-loraArchivo Narrow
Spectral provides elegant contrast for editorial balance.
pnpm dlx shadcn@latest add @fonttrio/archivo-narrow-spectralCaudex
Caudex offers classical depth to modern layouts.
pnpm dlx shadcn@latest add @fonttrio/caudex-alegreya-sansChivo
IBM Plex Serif introduces structure and balance.
pnpm dlx shadcn@latest add @fonttrio/chivo-ibm-plexChivo
Spectral adds structure under strong Chivo headings.
pnpm dlx shadcn@latest add @fonttrio/chivo-spectral