Customizing Typography

You control two font slots (heading and body), base font size, and line height -- all adjustable from the theme editor with a live preview.

Heading Fonts

The heading font applies to page titles, section headers, product names, and block titles. Leenkies offers seven heading fonts:

1. Space Grotesk -- A geometric sans-serif with a modern, technical feel. Slightly squared letterforms make it great for tech and contemporary brands.
2. Sora -- A balanced sans-serif with slightly rounded terminals -- friendly yet professional. Works across many brand types.
3. Outfit -- Wide, open letterforms with a spacious, modern feel. Ideal for clean, minimalist designs.
4. Montserrat -- A classic geometric sans-serif inspired by urban signage. Bold weights are especially impactful for headings.
5. Urbanist -- Sleek and polished with uniform stroke width. Creates a refined, contemporary look.
6. Raleway -- An elegant sans-serif with a slight Art Deco character. Particularly sophisticated in thinner weights.
7. Manrope -- Semi-rounded with excellent readability. Balances geometric precision and humanist warmth.

Body Fonts

The body font covers paragraph text, descriptions, labels, and form fields. Readability is the priority here. Leenkies offers seven body fonts optimized for screens:

1. Inter -- Designed specifically for screens with exceptional small-size clarity. A safe, universally appealing choice.
2. DM Sans -- Low-contrast geometric forms that feel modern and approachable. Reads well in long passages.
3. Plus Jakarta Sans -- Generous letter spacing and open counters make it legible even at smaller sizes.
4. Work Sans -- A straightforward grotesque optimized for screen use. Works well for professional and editorial content.
5. IBM Plex Sans -- Precise, engineered letterforms that project reliability and professionalism.
6. Source Sans 3 -- Adobe's first open-source font. Clean, neutral, and versatile for any content type.
7. Nunito Sans -- Rounded terminals give it a friendly, warm personality that makes body text inviting.

Changing Fonts

1. Open the Theme tab in your page editor.
2. Scroll to the Typography section.
3. Click the Heading Font dropdown -- each option previews the font name in that font.
4. Click the Body Font dropdown to browse options.
5. Select your fonts. The live preview updates immediately with your actual page content.
6. Click Save when you're satisfied.

Base Font Size

The base font size sets the default body text size. All other sizes (headings, small text, labels) scale proportionally from this value.

• Range: 12px to 24px
• Default: 16px
• Adjustment: Drag the slider right to increase, left to decrease.

14--16px is standard for most sites and balances readability with content density. Bump to 18--20px for an editorial feel or an older audience. Sizes below 14px can strain readability on mobile, so use with caution.

Line Height

Line height controls the vertical spacing between lines of text. Proper spacing is critical for readability in longer passages like product descriptions.

It works in tandem with font size -- larger fonts generally benefit from tighter ratios, while smaller fonts need more generous spacing. Use the line height slider in the Typography section and watch the live preview as you adjust.

Tips for Font Pairing

Choosing two fonts that work well together is one of the most impactful design decisions you'll make:

• Contrast heading and body fonts. Pair a geometric heading font (Space Grotesk, Outfit) with a humanist body font (Inter, Nunito Sans) for visual interest plus readability.
• Avoid pairing fonts that are too similar. If they look nearly identical, the heading/body distinction is lost.
• When in doubt, use Inter for body. It pairs well with virtually every heading font in the collection.
• Match font personality to your brand. A coaching business might use Sora + Nunito Sans (warm and friendly), while a SaaS product might use Space Grotesk + IBM Plex Sans (technical and precise).
• Test at multiple sizes. Some fonts shine at heading size but lose character at body size, and vice versa. Preview with real content.

Pro Tip: Unsure where to start? Apply a preset theme and examine its font pairing -- the presets use curated combos that work well together. Then swap just one font to put your own spin on it.