use a soft serif for headings — feels more grounded

Base site
cap-yoga
Category
brand-style
Tools called
6
Duration
44.5s
HTML diff
Changed
Example ID
Y-102

What changed: hero

Before
Before — hero
After
After — hero
View full page before/after
Full page · Before
Before (full page)
Full page · After
After (full page)

Agent's response

I’ve applied a soft serif font (Merriweather) to all headings (h1‑h6) across every section of your homepage—hero, about, services, contact, and footer. The changes are saved as drafts; you can review and publish them when ready.

Tool calls

list_sections step 1 
{
  "page": "index.html"
}
set_section_styles step 2 
{
  "page": "index.html",
  "section": "hero",
  "css": "@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');\nh1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; }"
}
set_section_styles step 3 
{
  "page": "index.html",
  "section": "about",
  "css": "@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');\nh1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; }"
}
set_section_styles step 4 
{
  "page": "index.html",
  "section": "services",
  "css": "@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');\nh1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; }"
}
set_section_styles step 5 
{
  "page": "index.html",
  "section": "contact",
  "css": "@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');\nh1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; }"
}
set_section_styles step 6 
{
  "page": "index.html",
  "section": "footer",
  "css": "@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');\nh1, h2, h3, h4, h5, h6 { font-family: 'Merriweather', serif; }"
}