Pick a tone and get heading/body font pairings from a small, explicit local catalog: the Geist font already bundled in CreaNexo (loaded via next/font, never from a remote CDN), system/web-safe font stacks, and generic fallback families. Every pairing comes from a fixed, deterministic rules matrix — never from AI, an invented score, or detecting which fonts you have installed — so the same tone choice always produces the same recommendation, on any machine. It never downloads remote fonts or connects to Google Fonts, Adobe Fonts, or any other external service.
Editorial
Heading — Serif del sistema (Georgia) (System/web-safe)
Example heading
Body — Geist Sans (Bundled in CreaNexo)
This is a sample paragraph showing how body text looks with this font pairing.
Why: Classic serif/sans contrast: an editorial serif heading paired with a sans-serif body that's comfortable to read on screen.
Copyable CSS
/* Heading */ font-family: Georgia, 'Times New Roman', Times, serif; /* Body */ font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
Classic
Heading — Geist Sans (Bundled in CreaNexo)
Example heading
Body — Serif del sistema (Georgia) (System/web-safe)
This is a sample paragraph showing how body text looks with this font pairing.
Why: A modern sans-serif heading combined with a traditionally readable serif body.
Copyable CSS
/* Heading */ font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* Body */ font-family: Georgia, 'Times New Roman', Times, serif;
Neutral
Heading — Sans-serif genérica (Generic fallback)
Example heading
Body — Serif genérica (Generic fallback)
This is a sample paragraph showing how body text looks with this font pairing.
Why: A safe combination using the browser's generic families, with no external dependency at all.
Copyable CSS
/* Heading */ font-family: sans-serif; /* Body */ font-family: serif;
Minimalist
Heading — Sans-serif del sistema (System/web-safe)
Example heading
Body — Sans-serif del sistema (System/web-safe)
This is a sample paragraph showing how body text looks with this font pairing.
Why: The same sans-serif family for heading and body; contrast comes only from weight and size.
Copyable CSS
/* Heading */ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* Body */ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
Technical
Heading — Monospace del sistema (System/web-safe)
Example heading
Body — Sans-serif del sistema (System/web-safe)
This is a sample paragraph showing how body text looks with this font pairing.
Why: A monospaced heading for a technical look, with a sans-serif body that keeps things readable.
Copyable CSS
/* Heading */ font-family: 'Courier New', Courier, monospace; /* Body */ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
Technical
Heading — Geist Sans (Bundled in CreaNexo)
Example heading
Body — Geist Mono (Bundled in CreaNexo)
This is a sample paragraph showing how body text looks with this font pairing.
Why: Both families are already bundled in CreaNexo: a sans-serif heading with a monospaced body for technical content.
Copyable CSS
/* Heading */ font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* Body */ font-family: 'Geist Mono', 'Courier New', Courier, monospace;
The preview may render with a different font within the same stack depending on your operating system (Windows, macOS, or Linux) — that's normal font-stack behavior, not a bug.
These pairings come from a local, deterministic rules matrix — never from AI, an invented score, or detecting which fonts you have installed. This tool never downloads remote fonts or connects to Google Fonts or any other CDN.
The content is processed on your device and is never uploaded to the server.