Libre Caslon Text + Montserrat
Classic Confidence
Traditional elegance, modern presence
Libre Caslon Text brings centuries of typographic tradition to digital screens. Montserrat adds contemporary boldness, creating a pairing that respects the past while embracing the future.
Classic meets contemporary. Libre Caslon's traditional elegance paired with Montserrat's modern confidence.
Typefaces Used
Libre Caslon Text
Classic Caslon revival optimized for body text. Timeless elegance for editorial use.
Designed by Impallari Type
Released 2015
Available weights: 400, 700
Montserrat
Urban geometric sans inspired by Buenos Aires signage. Bold and versatile.
Designed by Julieta Ulanovsky
Released 2011
Available weights: 100, 200, 300, 400, 500, 600, 700, 800, 900
Recommended Scale
Headline One
Libre Caslon Text · 700 · 48px · 1.1
Headline Two
Libre Caslon Text · 700 · 32px · 1.2
Headline Three
Montserrat · 600 · 22px · 1.25
Body text for paragraphs and long-form content.
Montserrat · 400 · 16px · 1.7
Caption and metadata text
Montserrat · 500 · 12px · 1.5
In Context
Classic Confidence
Traditional elegance, modern presence
Libre Caslon Text brings centuries of typographic tradition to digital screens. Montserrat adds contemporary boldness, creating a pairing that respects the past while embracing the future.
“Tradition is not the worship of ashes, but the preservation of fire.”
Gustav Mahler
Developer Exports
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:wght@700&family=Montserrat:wght@400;500;600&display=swap" rel="stylesheet">h1 {
font-family: "Libre Caslon Text", serif;
font-size: 48px;
font-weight: 700;
line-height: 1.1;
}
h2 {
font-family: "Libre Caslon Text", serif;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
}
h3 {
font-family: "Montserrat", sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 1.25;
}
.body-text {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
}
.caption {
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.03em;
}// tailwind.config.ts
import type { Config } from "tailwindcss";
const config: Config = {
theme: {
extend: {
fontFamily: {
librecaslontext: [""Libre Caslon Text"", "serif"],
montserrat: [""Montserrat"", "sans-serif"],
},
fontSize: {
"h1": ["48px", { lineHeight: "1.1", fontWeight: "700" }],
"h2": ["32px", { lineHeight: "1.2", fontWeight: "700" }],
"h3": ["22px", { lineHeight: "1.25", fontWeight: "600" }],
"body": ["16px", { lineHeight: "1.7", fontWeight: "400" }],
"caption": ["12px", { lineHeight: "1.5", fontWeight: "500" }],
},
},
},
};
export default config;AI-Ready Exports
Copy these structured prompts to brief AI tools on your typography system. Paste directly into ChatGPT, Claude, or any LLM.
System Description
Explain this type system to an AI
Use this typographic system: Headings: Libre Caslon Text, 700 weight Used for H1–H3 Classic Caslon revival optimized for body text. Timeless elegance for editorial use. Body: Montserrat, 400 weight Used for paragraphs and UI Urban geometric sans inspired by Buenos Aires signage. Bold and versatile. Tone: classic, elegant, professional Classic meets contemporary. Libre Caslon's traditional elegance paired with Montserrat's modern confidence. Use this scale: H1 — 48px / 1.1 H2 — 32px / 1.2 H3 — 22px / 1.25 Body — 16px / 1.7 Caption — 12px / 1.5
UI Generation Prompt
Use when asking AI to generate code
When generating UI or HTML, use this typography system: H1 — Libre Caslon Text — 700 — 48px — line-height 1.1 H2 — Libre Caslon Text — 700 — 32px — line-height 1.2 H3 — Montserrat — 600 — 22px — line-height 1.25 Body — Montserrat — 400 — 16px — line-height 1.7 Caption — Montserrat — 500 — 12px — line-height 1.5 Headings should feel classic and elegant. Body text should feel readable and modern. Do NOT mix additional fonts. Maintain consistent hierarchy throughout.