VibeUI
ExploreStyle PacksFavorites
Get Started
VibeUI

Design ingredients for AI coding. Built for Cursor, Windsurf, and beyond.

Back to Explore

Editorial Serif

Sophisticated pairing of Playfair Display for headings and Source Serif 4 for body. Perfect for editorial content, blogs, and media platforms with a premium literary feel.

elegantwarmboldmediacreativeeducation

Typography Preview

Heading — "Playfair Display"

The quick brown fox

Body — "Source Serif 4"

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.

Heading"Playfair Display"
Body"Source Serif 4"
Line Height1.7
Use an editorial serif typography system with Playfair Display for headings (font-weight: 800, size: 2.5rem for h1) and Source Serif 4 for body text (font-weight: 400, line-height: 1.7). Headings should feel dramatic and high-contrast with italic option for emphasis. Body text should be comfortable for long-form reading at 18px base. Use font-weight 600 for pull quotes and callouts. This pairing conveys sophistication, authority, and editorial quality.