Font pairing
Your site uses two fonts: a Heading Font and a Body Font. A good pairing typically combines a distinctive heading font with a clean, readable body font.
- Fonts marked "serif" have small decorative strokes — they feel traditional and elegant
- Fonts marked "sans" are clean and modern
- Fonts marked "width" support the Font Width slider, which stretches or compresses the letterforms
Font width
If your heading font supports variable width, the Font Width slider adjusts how wide or narrow the characters appear (20% to 200%). This only affects fonts marked "width" in the dropdown.
Uppercase headings
Toggle Force Uppercase Headings to make all headings display in capital letters regardless of how they're typed in the content.
Color scheme
Your site uses 8 colors that work together:
- Primary Color: Your main brand color — used for buttons, links, and accents. Must be readable on light backgrounds
- Accent (Dark): A darker version of your brand color for hover states and contrast
- Accent (Light): A lighter or contrasting accent for use on dark backgrounds
- Background (Light): Used for alternating light page sections
- Background (Dark): Used for the footer and dark featured areas
- Text / Text Light / Text Lightest: Three tiers of text darkness for primary content, secondary info, and subtle elements
Element padding
The Element Padding setting controls the vertical spacing between content blocks on your pages. Choose from small, medium, or large. "Medium" is the default and works well for most sites.
Fallback header image
Set a default header image that appears on any page without its own header image. This also applies to resource library pages (indices and archives).
Changing your theme
Want a completely different look? Toolkit Sites offers multiple themes with distinct design languages. Contact sales@mereagency.com to request a theme change ($99).