These settings affect every page. Change them first — before touching individual pages.

Studio name

Your product/company name and logo appear in the nav bar, footer, browser tab, and SEO metadata across the entire site.

How to update:

In Framer → Settings → General → Site settings → Title Product/Company Name. Change the value once, and it updates everywhere automatically.

image.png

image.png

Logo

Caden uses an image-based wordmark by default (your product/company name). To replace it:

  1. In Framer → Assets→ Component→ Nav → Logo
  2. Go to the Logo component in Framer
  3. In the Company Name container, find the image layer
  4. Select and update the image → go to the property panel on the right

image.png

  1. Upload your logo file (SVG preferred, PNG accepted)
  2. Set height to 24px — this keeps the nav balanced at all viewport sizes

<aside> ⚠️

If you use a PNG, make sure it has a transparent background. A white background logo will look broken against the site’s off-white surface color.

</aside>

<aside> ℹ️

Do not manually edit the studio name in individual frames. It will break the variable link, and you’ll have to update it separately on every page.

</aside>